Improve CSS code splitting

Created by: umpox

Description

Currently we @import many scss files into a single large bundle. We should investigate how we can improve this and ensure that only styles that we actually need are loaded onto the page.

My initial thoughts are that we should have a setup like this:

1. Define and bundle our global styles
2. Import component specific SCSS from the component file, ensure styles are only loaded when component is required