Replace Sass styles with CSS-in-JS

[kellyi]

Overview

As noted in #55, the distribution Sass file doesn't seem to minify properly, and the sass output ends up being much larger than the JS component output. Likewise, #51 reports an issue whereby different default installations of Node-Sass on host cause the build to fail. In general the longest part of and build or npm install is the part which rebuilds node-sass from source.

We can circumvent all of these issues by replacing the existing Sass stylesheet with CSS-in-JS styles.

Is your feature request related to a problem? Please describe.

• sass files don't minify properly, which increases the size of the dependency when imported into other applications
• node-sass breaks if an existing incompatible version is already installed on hos
• node-sass is the longest segment of the entire install-build-pipeline

Describe the solution you'd like

Remove node-sass and replace the sass stylesheets with CSS-in-JS.