Minify CSS (#274)

This PR minifies the CSS and ensures only necessary files are included in the dist

Author: Jeremy-Walton

package.json

@@ -1,15 +1,16 @@
 {
   "name": "@rolemodel/optics",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "packageManager": "yarn@4.2.2",
   "description": "Optics is a css package that provides base styles and components that can be integrated and customized in a variety of projects.",
   "main": "dist/css/optics.css",
   "scripts": {
     "test": "exit 0",
-    "build": "yarn build:css && yarn build:css-min && yarn build:tokens",
-    "build:css": "mkdir -p dist/css; rsync -a src/ dist/css --exclude stories",
-    "build:css-min": "postcss src/optics.css -o dist/css/optics.min.css",
+    "build": "yarn build:css && yarn build:css-min && yarn build:tokens && yarn build:files",
+    "build:css": "postcss src/optics.css -o dist/css/optics.css",
+    "build:css-min": "postcss src/optics.css -o dist/css/optics.min.css --env=minify",
     "build:tokens": "node build_token_json --source=src/core/tokens --output=dist/tokens/tokens.json",
+    "build:files": "mkdir -p dist/; cp LICENSE README.md package.json dist/",
     "storybook": "storybook dev -p 6006 --docs",
     "build-storybook": "storybook build --docs",
     "lint": "yarn lint:js && yarn lint:css",
@@ -54,6 +55,7 @@
     "@storybook/preview-api": "^8.5.3",
     "@storybook/test": "^8.5.3",
     "@storybook/theming": "^8.5.3",
+    "cssnano": "^7.0.6",
     "eslint": "^8.45.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-config-standard": "^17.1.0",

postcss.config.js

@@ -1,3 +1,6 @@
-module.exports = {
-  plugins: [require('postcss-import')],
-}
+module.exports = (context) => ({
+  plugins: {
+    'postcss-import': {},
+    cssnano: context.env === 'minify' ? {} : false,
+  },
+})