chore(deps): update dependency style-dictionary to v4

bin/eds-apply-theme.js

@@ -1,6 +1,6 @@
 #!/usr/bin/env node
 (async function () {
-  const StyleDictionary = require('style-dictionary');
+  const StyleDictionary = (await import('style-dictionary')).default;
   const {
     formatEdsTokens,
     getConfig,
@@ -21,7 +21,7 @@
 
   StyleDictionary.registerFormat({
     name: 'json/tailwind-utility-config',
-    formatter: function (dictionary) {
+    format: function (dictionary) {
       const minifiedCssDictionary = minifyDictionaryUsingFormat(
         dictionary.properties,
         (obj) => `${obj.value}`,
@@ -31,11 +31,11 @@
     },
   });
 
-  const EDSStyleDictionary = StyleDictionary.extend({
+  const EDSStyleDictionary = new StyleDictionary({
     source: [config.src + 'app-theme.json'],
     platforms: {
       css: {
-        transforms: [...StyleDictionary.transformGroup.css, 'name/cti/kebab'],
+        transforms: [...StyleDictionary.transformGroup.css, 'name/kebab'],
         buildPath: config.dest,
         files: [
           {
@@ -63,8 +63,10 @@
     },
   });
 
+  await EDSStyleDictionary.hasInitialized;
+
   try {
-    EDSStyleDictionary.buildAllPlatforms();
+    await EDSStyleDictionary.buildAllPlatforms();
   } catch (error) {
     // TODO: if theme has things not in base, error showing where the conflict
     console.error('EDS theming error:', error.message);

package.json

@@ -106,7 +106,7 @@
     "react-popper": "^2.3.0",
     "react-portal": "^4.2.2",
     "react-uid": "^2.3.3",
-    "style-dictionary": "^3.9.2",
+    "style-dictionary": "^4.2.0",
     "svg4everybody": "^2.1.9",
     "ts-dedent": "^2.2.0",
     "ts-morph": "^24.0.0",
@@ -187,7 +187,7 @@
     "size-limit": "^8.2.6",
     "standard-version": "^9.5.0",
     "storybook": "^8.4.2",
-    "style-dictionary": "^3.9.2",
+    "style-dictionary": "^4.2.0",
     "stylelint": "^16.10.0",
     "stylelint-config-recommended": "^14.0.1",
     "tailwindcss": "^3.4.14",