From 69d12259df134222434a3a185535bd0e8e11e432 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Oliver=20Sch=C3=BCrch?= <oliver.schuerch@post.ch>
Date: Mon, 15 Jul 2024 11:32:36 +0200
Subject: [PATCH] fix(workflows): build tokens

---
 packages/tokens/build.js | 47 ++++++++++++++++++++++++++++++++++++----
 1 file changed, 43 insertions(+), 4 deletions(-)

diff --git a/packages/tokens/build.js b/packages/tokens/build.js
index 6b70e0c02a..b6d126d193 100644
--- a/packages/tokens/build.js
+++ b/packages/tokens/build.js
@@ -51,6 +51,10 @@ StyleDictionary.registerFilter({
 StyleDictionary.registerFormat({
   name: 'swisspost/scss-format',
   format: ({ dictionary, file }) => {
+    const MULTIVALUE_SEPARATOR_RULES = [
+      { previousKey: 'fontSize', currentKey: 'lineHeight', separator: '/' },
+    ];
+
     const fileName = file.destination.replace(/\.scss$/, '');
     const isCore = fileName === 'core';
 
@@ -76,10 +80,30 @@ StyleDictionary.registerFormat({
               let tokenValue = token.value;
 
               if (usesReferences(token.original.value)) {
-                tokenValue = token.original.value.replace(
-                  /{[^}]+}/g,
-                  match => `var(--${match.replace(/[{}]/g, '').replace(/\./g, '-')})`,
-                );
+                try {
+                  if (typeof token.original.value === 'object') {
+                    tokenValue = Object.entries(token.original.value).reduce(
+                      (values, [key, value], i) =>
+                        `${values}${getSeparator(
+                          Object.keys(token.original.value)[i - 1],
+                          key,
+                        )}${getReference(value)}`,
+                      '',
+                    );
+                  } else if (typeof token.original.value === 'string') {
+                    tokenValue = getReference(token.original.value);
+                  } else {
+                    throw new Error(
+                      `\x1b[31mError: Unsupported value type in token \x1b[33m"${tokenName}"\x1b[31m within tokenset \x1b[33m"${dataSetName}"!\x1b[0m`,
+                    );
+                  }
+                } catch (error) {
+                  console.error(
+                    `\x1b[31mError: While processing the token \x1b[33m"${tokenName}"\x1b[31m within the tokenset \x1b[33m"${dataSetName}"\x1b[31m, the following error occurred:\n"${
+                      error.message
+                    }".\nInput:\n\x1b[90m${JSON.stringify(token, null, 2)}\x1b[0m`,
+                  );
+                }
               }
 
               return isCore ? `--${tokenName}: ${tokenValue};` : `'${tokenName}': ${tokenValue},`;
@@ -92,6 +116,21 @@ StyleDictionary.registerFormat({
         })
         .join('\n')
     );
+
+    function getReference(value = '') {
+      return value.replace(
+        /{[^}]+}/g,
+        match => `var(--${match.replace(/[{}]/g, '').replace(/\./g, '-')})`,
+      );
+    }
+
+    function getSeparator(pKey = '', cKey = '') {
+      return (
+        MULTIVALUE_SEPARATOR_RULES.find(
+          rule => rule.previousKey === pKey && rule.currentKey === cKey,
+        )?.separator ?? ' '
+      );
+    }
   },
 });