Minify CSS

[Jeremy-Walton]

Why?

Even though the dist folder includes an optics.min.css, it wasn't actually minified. It was just a combined output.

What Changed

• Change the default dist/optics.css to be a combined file since it doesn't need to be multiple.
• Change the dist/optics.min.css to actually be minified.
• Accomplish this using cssnano
• Ensure dist folder only includes necessary files. In this case, LICENSE, README.md, and package.json

Sanity Check

• [ ] Have you updated any usage of changed tokens?
• [ ] Have you updated the docs with any component changes?
• [ ] Have you updated the dependency graph with any component changes?
• Have you run linters?
• Have you run prettier?
• Have you tried building the css?
• Have you tried building storybook?
• Do you need to update the package version? (Bumped to v2.1.1)

Screenshots

[scriswell]

@Jeremy-Walton This seems to have added quite a few package dependancies, along with some new postCSS elements. I don't have the familiarity for most of these to give a complete review so I thought I would just ask the question.

[Jeremy-Walton]

@scriswell Correct it does, but they are development dependencies that are just used in the final build step for distribution. They are not included in the outputted package and not used by anyone consuming the package.

The main goal of them was to update the build step to actually minify the code for distribution. That screenshot above is what the actual code output for people using the package looks like.