diff --git a/package.json b/package.json
index afb19880..4d7d4c89 100644
--- a/package.json
+++ b/package.json
@@ -73,7 +73,7 @@
   },
   "files": [
     "styles/dist/*.css",
-    "styles/dist/tailwind-tokens.js",
+    "styles/dist/tailwind-tokens.ts",
     "icons/**",
     "components/dist/**"
   ],
diff --git a/scripts/convert-tokens.ts b/scripts/convert-tokens.ts
index f31e95ee..e6889543 100644
--- a/scripts/convert-tokens.ts
+++ b/scripts/convert-tokens.ts
@@ -79,11 +79,11 @@ const formatTypographyStyles = (name: string, value: any) => {
     case 'font-weight': {
       const weight = value.toLowerCase()
       if (weight.includes('light')) {
-        return [name, 300]
+        return [name, '300']
       } else if (weight.includes('medium')) {
-        return [name, 500]
+        return [name, '500']
       } else {
-        return [name, 400]
+        return [name, '400']
       }
     }
     case 'paragraph-spacing':
@@ -260,7 +260,7 @@ StyleDictionary.registerFormat({
     return `
 			/* THIS FILE IS AUTOGENERATED, DO NOT EDIT */
 
-			module.exports.textUtilities = {
+      export const textUtilities = {
 				${typeStyles.map(
           (prop) => `
 					'.text-${formatFontClass(prop.name)}': {
@@ -278,22 +278,21 @@ StyleDictionary.registerFormat({
         )}
 			}
 
-			module.exports.colorUtilities = {
+			export const colorUtilities = {
         ${colorUtilities}
       }
 
-      module.exports.elevationUtilities = {
-        ${boxShadow
-          .map(
-            ({ name }, index) =>
-              `'.elevation-${index}': {
+      export const elevationUtilities = {        ${boxShadow
+        .map(
+          ({ name }, index) =>
+            `'.elevation-${index}': {
                 'box-shadow': 'var(--${name})',
               }`,
-          )
-          .join(',\n')}
+        )
+        .join(',\n')}
       }
 
-			module.exports.borderRadiusTokens = {
+      export const borderRadiusTokens = {
         ${borderRadius
           .map(
             ({ name }) =>
@@ -400,7 +399,7 @@ const makeConfig = (theme: typeof THEMES[number]) => {
   if (theme === 'main') {
     config.platforms.web.files?.push({
       filter: 'unused-theme-tokens',
-      destination: `tailwind-tokens.js`,
+      destination: `tailwind-tokens.ts`,
       format: 'tailwind',
     })
   }