wip: add figma percent

ogcio · May 30, 2024 · 4870e8d · 4870e8d
1 parent a3ae658
commit 4870e8d
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/packages/design/tokens-builder/src/tokens-builder.ts b/packages/design/tokens-builder/src/tokens-builder.ts
@@ -280,6 +280,18 @@ async function build({ source, tokens, platforms }: TokenBuilderOptions) {
     },
   });
 
+  styleDictionary.registerTransform({
+    name: "letterSpacing/percentage",
+    type: "value",
+    filter: function (token) {
+      return token.attributes?.item === "letterSpacing";
+    },
+    transform: function (token) {
+      const parsed = Number(token.$value.replace("rem", ""));
+      return `${parsed * 100}%`;
+    },
+  });
+
   styleDictionary.registerTransformGroup({
     name: "css/custom",
     transforms: [
@@ -328,6 +340,7 @@ async function build({ source, tokens, platforms }: TokenBuilderOptions) {
       "lineHeight/px",
       "color/hex", // TODO: review,
       "shadow/css/shorthand",
+      "letterSpacing/percentage",
     ],
   });