ci: update token-studio/sd-tranforms to latest version

libs/core/package.json

@@ -75,7 +75,7 @@
     "@storybook/addon-links": "^7.3.2",
     "@storybook/web-components": "^7.3.2",
     "@storybook/web-components-vite": "^7.3.2",
-    "@tokens-studio/sd-transforms": "^0.15.2",
+    "@tokens-studio/sd-transforms": "^1.2.3",
     "@types/jest": "^29.5.11",
     "@types/sortablejs": "^1.15.1",
     "@typescript-eslint/eslint-plugin": "^6.6.0",

libs/core/scripts/sd-transforms.mjs

@@ -1,8 +1,8 @@
-import { registerTransforms } from '@tokens-studio/sd-transforms';
+import { register } from '@tokens-studio/sd-transforms';
 import fs from 'fs-extra';
 import StyleDictionary from 'style-dictionary';
 
-registerTransforms(StyleDictionary);
+register(StyleDictionary);
 
 const basePath = `src/global/styles/tokens`;
 
@@ -20,6 +20,7 @@ const getTokenSetNamesFromFolders = (path) => {
 const getConfig = (sets) => {
 	return {
 		source: sets.map(tokenSet => `${basePath}/${tokenSet}/${tokenSet}.json`),
+    preprocessors: ['tokens-studio'],
 		platforms: {
 			css: {
 				transformGroup: 'tokens-studio',

libs/core/src/global/styles/tokens/core/_core.scss

@@ -1,5 +1,5 @@
 :root {
-  --pine-border-radius-0: 0;
+  --pine-border-radius-0: 0rem;
   --pine-border-radius-100: 8px;
   --pine-border-radius-125: 10px;
   --pine-border-radius-150: 12px;
@@ -12,7 +12,7 @@
   --pine-border-radius-050: 4px;
   --pine-border-radius-075: 6px;
   --pine-border-radius-round: 9999px;
-  --pine-border-width-none: 0;
+  --pine-border-width-none: 0rem;
   --pine-border-width-thin: 1px;
   --pine-border-width-thick: 2px;
   --pine-box-shadow-xs: 0 1px 2px 0 rgba(0,0,0,0.06), 0 1px 3px 0 rgba(0,0,0,0.1);
@@ -103,7 +103,7 @@
   --pine-line-height-025: 0.625;
   --pine-line-height-050: 0.78125;
   --pine-line-height-075: 0.9375;
-  --pine-spacing-0: 0;
+  --pine-spacing-0: 0rem;
   --pine-spacing-100: 8px;
   --pine-spacing-150: 12px;
   --pine-spacing-200: 16px;