chore: add support for commonJS to esm

Author: iropolo

apps/dialtone-documentation/docs/.vuepress/common/helpersWrapper.mjs

@@ -0,0 +1,17 @@
+// dynamically import the CommonJS module
+let extractColors, appendHoverFocusSelectors, extractShadows, extractTypographies, removePrefixFromColor;
+
+async function loadHelpers() {
+  const helpers = await import('@dialpad/dialtone/postcss/helpers');
+  extractColors = helpers.extractColors;
+  appendHoverFocusSelectors = helpers.appendHoverFocusSelectors;
+  extractShadows = helpers.extractShadows;
+  extractTypographies = helpers.extractTypographies;
+  removePrefixFromColor = helpers.removePrefixFromColor;
+}
+
+// call the function to load helpers
+loadHelpers().catch(error => console.error('Failed to load helpers:', error));
+
+// re-export the functions
+export { extractColors, appendHoverFocusSelectors, extractShadows, extractTypographies, removePrefixFromColor };

apps/dialtone-documentation/docs/.vuepress/common/token-utilities.js

@@ -1,4 +1,4 @@
-const { extractShadows, extractTypographies } = require('@dialpad/dialtone/postcss/helpers');
+import { extractShadows, extractTypographies } from './helpersWrapper.mjs';
 
 /**
  * Compose typography tokens