chore: update example

Author: nado1001

example/with-css-variables/package.json

@@ -19,8 +19,8 @@
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
     "postcss": "8.5.6",
-    "sd-tailwindcss-transformer": "^2.0.0",
-    "style-dictionary": "^4.1.2",
+    "sd-tailwindcss-transformer": "^2.2.0",
+    "style-dictionary": "^5.0.4",
     "tailwindcss": "^4.1.13",
     "typescript": "^5.9.2"
   }

example/with-css-variables/sd.config.mjs

@@ -1,6 +1,6 @@
 import StyleDictionaryModule from 'style-dictionary'
 import { makeSdTailwindConfig } from 'sd-tailwindcss-transformer'
-// const { makeSdTailwindConfig } = require('../../dist')
+// import { makeSdTailwindConfig } from '../../dist/index.js'
 
 const PREFIX = 'tw-'
 

example/with-css-variables/style-dictionary/tokens/color/font.json

@@ -1,9 +1,9 @@
 {
   "colors": {
     "font": {
-      "base": { "value": "{colors.base.red.value}" },
-      "secondary": { "value": "{colors.base.green.value}" },
-      "tertiary": { "value": "{colors.base.gray.light.value}" }
+      "base": { "value": "{colors.base.red}" },
+      "secondary": { "value": "{colors.base.green}" },
+      "tertiary": { "value": "{colors.base.gray.light}" }
     }
   }
 }

example/with-css-variables/style-dictionary/tokens/size/font.json

@@ -10,7 +10,7 @@
       "value": "2rem"
     },
     "base": {
-      "value": "{fontSize.medium.value}"
+      "value": "{fontSize.medium}"
     }
   }
 }