fix(tailwind): adjust config creation to avoid TypeScript issues

Author: booc0mtaco

src/tokens-dist/css/variables.css

@@ -49,7 +49,7 @@
   --eds-spacing-size-1-and-half: 12; /* Pixels (px) - can convert to Relative EMs (rem) */
   --eds-spacing-size-quarter: 2; /* Pixels (px) - can convert to Relative EMs (rem) */
   --eds-spacing-size-half: 4; /* Pixels (px) - can convert to Relative EMs (rem) */
-  --eds-spacing-size-7-and-half: 60; /* Pixels (px) - can convert to Relative EMs (rem) */
+  --eds-spacing-size-7-and-half: 60; /* Pixels (px) - can convert to Relative EMs (rem) @deprecated This should not be used in code or design. It will be removed in a future version of EDS. */
   --eds-spacing-size-4-and-half: 36; /* Pixels (px) - can convert to Relative EMs (rem) */
   --eds-spacing-size-48: 384; /* Pixels (px) - can convert to Relative EMs (rem) */
   --eds-spacing-size-40: 320; /* Pixels (px) - can convert to Relative EMs (rem) */

tailwind.config.ts

@@ -1,19 +1,6 @@
 import type { Config } from 'tailwindcss';
 import { eds as edsTokens } from './lib/tokens/json/tailwind-utility-config.json';
 
-/**
- * Convert a series of objects with one key-value pair into a combined object
- *
- * @param accumulate object each key/value pair is being written to
- * @param current current entry that is being put into the object
- * @returns object-ized version of the sequence of key value pairs
- */
-function objArrayToObject(accumulate, current) {
-  const entry = Object.entries(current)[0];
-  accumulate[entry[0]] = entry[1];
-  return accumulate;
-}
-
 /**
  * Convert the token config values into a tailwind 3.x compatible format
  *
@@ -49,15 +36,19 @@ export function applyTailwindConfig(
       .map((movement) => {
         return { [movement]: `${movements[movement]}s` };
       })
-      .reduce(objArrayToObject, {}),
+      .reduce((acc, cur) => {
+        return Object.assign(acc, cur);
+      }, {}),
   };
 
   const spacingTokens = {
     ...Object.keys(spacings)
       .map((spacing) => {
         return { [`spacing-size-${spacing}`]: `${spacings[spacing]}px` };
       })
-      .reduce(objArrayToObject, {}),
+      .reduce((acc, cur) => {
+        return Object.assign(acc, cur);
+      }, {}),
   };
 
   return {