Fix export of JS tokens (#4257)

* fix js directory location to be bundled + entrypoint

* add changeset

* add tokens alias

* rename alias

* remove alias from jest config:

.changeset/olive-icons-sit.md

@@ -0,0 +1,5 @@
+---
+"@kaizen/design-tokens": patch
+---
+
+Fix export of JS tokens

docs/Systems/Tailwind/UtilityClassReferences/color-tokens.stories.tsx

@@ -1,8 +1,8 @@
 import React, { HTMLAttributes } from "react"
 import { Meta, StoryFn } from "@storybook/react"
 import colorString from "color-string"
-import { tokens } from "@kaizen/design-tokens/js"
 import { Heading } from "@kaizen/typography"
+import { tokens } from "~design-tokens/js"
 
 export default {
   title: "Systems/Tokens/Classname References/Color Tokens",

packages/design-tokens/js/package.json

@@ -0,0 +1,4 @@
+{
+  "main": "../dist/js/index.js",
+  "types": "../dist/js/index.d.ts"
+}

storybook/webpack.config.ts

@@ -37,6 +37,7 @@ export default ({ config }: { config: Configuration }): Configuration => {
     "~types": path.resolve(__dirname, "../packages/components/src/types"),
     "~utils": path.resolve(__dirname, "../packages/components/src/utils"),
     "~components": path.resolve(__dirname, "../packages/components/src"),
+    "~design-tokens": path.resolve(__dirname, "../packages/design-tokens/src"),
     // i18n-react-intl package attempts to import locales from this path.
     // When rollup attempts to import from the 'find' path, it will be
     // redirected to import from the replacement path (Same as KAIO rollup config).

tsconfig.json

@@ -16,7 +16,8 @@
       "~storybook/*": ["storybook/*"],
       "~types/*": ["packages/components/src/types/*"],
       "~utils/*": ["packages/components/src/utils/*"],
-      "~components/*": ["packages/components/src/*"]
+      "~components/*": ["packages/components/src/*"],
+      "~design-tokens/*": ["packages/design-tokens/src/*"]
     }
   },
   "files": ["./types.d.ts"],