fix: 🐛 watch mode

Author: punkbit

packages/design-tokens/.scripts/bash/tokens-build

@@ -1,11 +1,19 @@
 #!/bin/bash
 
-rm -rf ./dist
+build_tokens() {
+  rm -rf ./dist
+  tz build
+  cat ./dist/tokens-primitives.css ./dist/tokens-semantic.css > ./dist/tokens.css
+  rm ./dist/tokens-primitives.css ./dist/tokens-semantic.css
+  echo "✓ Built tokens.css"
+}
 
 if [[ "$1" == "watch" ]]; then
-  tz build --watch
+  echo "👀 Watching dictionary files for changes..."
+
+  build_tokens
+
+  chokidar "dictionary/**/*.json" -c "$(pwd)/.scripts/bash/tokens-build" --initial=false
 else
-  tz build
+  build_tokens
 fi
-
-cat ./dist/tokens-primitives.css ./dist/tokens-semantic.css > ./dist/tokens.css && rm ./dist/tokens-primitives.css ./dist/tokens-semantic.css

packages/design-tokens/package.json

@@ -39,6 +39,7 @@
   "devDependencies": {
     "@terrazzo/cli": "^2.0.0",
     "@terrazzo/plugin-css": "^2.0.0",
+    "chokidar-cli": "^3.0.0",
     "prettier": "^3.0.0",
     "typescript": "^5.0.0"
   }