build!: remove some tokens from build (#1581)

* refactor: remove references to unexported files

* build!: no longer include some tokens in build

README.md

@@ -19,9 +19,9 @@ yarn add @chanzuckerberg/eds
 Import the EDS stylesheet and tokens somewhere in your app, e.g. an `init.ts` or `app.ts` file:
 
 ```js
-import '@chanzuckerberg/eds/lib/index.css';
+import '@chanzuckerberg/eds/index.css';
 // optionally import EDS font faces
-// import '@chanzuckerberg/eds/lib/tokens/fonts.css';
+// import '@chanzuckerberg/eds/fonts.css';
 ```
 
 EDS components are designed for the Graphik font, but you may use other fonts by re-defining the `--eds-font-family-primary` CSS property. We also surface an `--eds-font-size-base` property to set your base `rem` font size, eg:

package.json

@@ -16,7 +16,7 @@
   },
   "types": "lib/index.d.ts",
   "sideEffects": [
-    "lib/tokens/css/variables.css",
+    "lib/index.css",
     "lib/tokens/fonts.css"
   ],
   "publishConfig": {
@@ -36,13 +36,12 @@
   "scripts": {
     "build": "yarn build:clean && yarn build:tokens && yarn build:js && yarn copy-fonts-to-lib",
     "build:clean": "rm -rf lib/",
-    "build:tokens": "rm -rf src/tokens-dist/ && node ./style-dictionary.config.js && yarn copy-tokens-to-lib && yarn prettier-tokens-dist",
+    "build:tokens": "rm -rf src/tokens-dist/ && node ./style-dictionary.config.js && yarn prettier-tokens-dist",
     "build:js": "rollup --config",
     "build:storybook": "build-storybook -o storybook-static -s src/design-tokens/tier-1-definitions/fonts",
     "build:styles": "postcss \"src/components/**/*.css\" --dir lib/ --base src/ --verbose",
     "chromatic": "chromatic",
     "copy-fonts-to-lib": "copyfiles -u 3 src/design-tokens/tier-1-definitions/fonts.css src/design-tokens/tier-1-definitions/fonts/**/* lib/tokens",
-    "copy-tokens-to-lib": "copyfiles -u 2 src/tokens-dist/**/* lib/tokens",
     "create-component": "plop",
     "deploy:docs": "storybook-to-ghpages --ci",
     "lint": "yarn run lint:styles && yarn run lint:scripts",

src/components/Icon/Icon.tsx

@@ -29,8 +29,7 @@ interface IconPropsBase {
    * The SVG Color, expects a valid css color (hex, rgb, etc.).
    *
    * Recommendation: if `currentColor` isn't sufficient,
-   * use `EdsThemeColor` tokens from
-   * `@chanzuckerberg/eds/lib/tokens/colors.ts`
+   * style the fill with Tailwind: https://tailwindcss.com/docs/fill
    */
   color?: string;
   /**