setting up style dictionary and github actions

.github/workflows/rebuild-tokens.yml

@@ -0,0 +1,33 @@
+name: Rebuild Tokens
+
+on:
+  push:
+    branches:
+      - design-tokens
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v3
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: '20'
+
+      - name: Install dependencies
+        run: bun install
+
+      - name: Rebuild tokens
+        run: bun run build:tokens
+
+      - name: Commit and push token changes (if applicable)
+        run: |
+          git config user.name "GitHub Actions"
+          git config user.email "actions@github.com"
+          git add .
+          git commit -m "Update tokens after rebuild" || echo "No changes to commit"
+          git push origin design-tokens

package.json

@@ -5,7 +5,7 @@
     "dev": "turbo run dev",
     "lint": "turbo run lint",
     "clean": "turbo run clean && rm -rf node_modules",
-    "build:tokens": "style-dictionary build --config=./tokens/config.json",
+    "build:tokens": "style-dictionary build --config=./packages/tokens/config.json",
     "format": "prettier --write \"**/*.{ts,tsx,md}\"",
     "changeset": "changeset",
     "version-packages": "changeset version",

packages/tokens/config.json

@@ -3,10 +3,10 @@
   "platforms": {
     "web": {
       "transformGroup": "css",
-      "buildPath": "build/web/",
+      "buildPath": "packages/ui/dist/",
       "files": [
         {
-          "destination": "packages/ui/dist/foundation/variables.css",
+          "destination": "foundation/variables.css",
           "format": "css/variables"
         }
       ]