diff --git a/design-system/docs/package.json b/design-system/docs/package.json
index d568d6c6a..e814dd055 100644
--- a/design-system/docs/package.json
+++ b/design-system/docs/package.json
@@ -13,7 +13,7 @@
     "dev:playroom": "playroom start",
     "dev:storybook": "storybook dev -p 6006",
     "lint": "eslint .",
-    "pre-site": "tsx ./scripts/pre-site.ts",
+    "pre-site": "node ./scripts/pre-site.ts",
     "start": "next start"
   },
   "dependencies": {
@@ -33,7 +33,6 @@
     "react": "^19.2.8",
     "react-aria": "catalog:",
     "react-dom": "^19.2.8",
-    "tsx": "^4.8.2",
     "vercel": "^33.6.3"
   },
   "devDependencies": {
diff --git a/design-system/docs/scripts/pre-site.ts b/design-system/docs/scripts/pre-site.ts
index b65934999..6b155ee2f 100755
--- a/design-system/docs/scripts/pre-site.ts
+++ b/design-system/docs/scripts/pre-site.ts
@@ -1,4 +1,3 @@
-import { isDefined } from 'emery/guards';
 import fs from 'node:fs/promises';
 import path from 'node:path';
 
@@ -29,7 +28,7 @@ async function getComponentReexports() {
         }
       })
     )
-  ).filter(isDefined);
+  ).filter(x => x !== undefined);
 
   return packages
     .sort()
diff --git a/design-system/pkg/package.json b/design-system/pkg/package.json
index 1f59f1c74..82ee3862d 100644
--- a/design-system/pkg/package.json
+++ b/design-system/pkg/package.json
@@ -8,7 +8,7 @@
     "directory": "design-system/pkg"
   },
   "scripts": {
-    "build-icons": "tsx build-icons.ts && cd ../.. && pnpm preconstruct fix"
+    "build-icons": "node build-icons.ts && cd ../.. && pnpm preconstruct fix"
   },
   "type": "module",
   "exports": {
@@ -1506,8 +1506,7 @@
     "next": "~15.1.10",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "svgo": "^3.3.2",
-    "tsx": "^4.8.2"
+    "svgo": "^3.3.2"
   },
   "peerDependencies": {
     "next": ">=14",
diff --git a/design-system/primitives/KeystarStyleDictionary.ts b/design-system/primitives/KeystarStyleDictionary.ts
index 48b69e73d..f94d4603e 100644
--- a/design-system/primitives/KeystarStyleDictionary.ts
+++ b/design-system/primitives/KeystarStyleDictionary.ts
@@ -5,8 +5,8 @@ import {
   cssVariables,
   javascriptTokenMap,
   jsonFigma,
-} from './formatters';
-import { w3cJsonParser } from './parsers';
+} from './formatters/index.ts';
+import { w3cJsonParser } from './parsers/index.ts';
 import {
   colorToCssAlpha,
   colorToHex,
@@ -20,7 +20,7 @@ import {
   namePathToKebabCase,
   shadowDimensionToCssPartial,
   typographyToCapsize,
-} from './transformers';
+} from './transformers/index.ts';
 
 // Parsers
 // -----------------------------------------------------------------------------
diff --git a/design-system/primitives/filters/index.ts b/design-system/primitives/filters/index.ts
index 683d28977..52df4c148 100644
--- a/design-system/primitives/filters/index.ts
+++ b/design-system/primitives/filters/index.ts
@@ -1,18 +1,18 @@
 // consider replacing with something like:
 // https://github.com/lukasoppermann/style-dictionary-utils
-export { isBorder } from './isBorder';
-export { isCapsize } from './isCapsize';
-export { isColor } from './isColor';
-export { isColorWithAlpha } from './isColorWithAlpha';
-export { isColorWithMix } from './isColorWithMix';
-export { isCubicBezier } from './isCubicBezier';
-export { isDimension } from './isDimension';
-export { isDeprecated } from './isDeprecated';
-export { isDuration } from './isDuration';
-export { isFromFile } from './isFromFile';
-export { isFontFamily } from './isFontFamily';
-export { isFontWeight } from './isFontWeight';
-export { isShadow } from './isShadow';
-export { isShadowDimension } from './isShadowDimension';
-export { isSource } from './isSource';
-export { isTypography } from './isTypography';
+export { isBorder } from './isBorder.ts';
+export { isCapsize } from './isCapsize.ts';
+export { isColor } from './isColor.ts';
+export { isColorWithAlpha } from './isColorWithAlpha.ts';
+export { isColorWithMix } from './isColorWithMix.ts';
+export { isCubicBezier } from './isCubicBezier.ts';
+export { isDimension } from './isDimension.ts';
+export { isDeprecated } from './isDeprecated.ts';
+export { isDuration } from './isDuration.ts';
+export { isFromFile } from './isFromFile.ts';
+export { isFontFamily } from './isFontFamily.ts';
+export { isFontWeight } from './isFontWeight.ts';
+export { isShadow } from './isShadow.ts';
+export { isShadowDimension } from './isShadowDimension.ts';
+export { isSource } from './isSource.ts';
+export { isTypography } from './isTypography.ts';
diff --git a/design-system/primitives/filters/isBorder.test.ts b/design-system/primitives/filters/isBorder.test.ts
index 1fed8c082..00f25f15d 100644
--- a/design-system/primitives/filters/isBorder.test.ts
+++ b/design-system/primitives/filters/isBorder.test.ts
@@ -1,6 +1,6 @@
-import { getMockToken } from '../test-utilities';
+import { getMockToken } from '../test-utilities/index.ts';
 import { describe, expect, it } from '@jest/globals';
-import { isBorder } from './isBorder';
+import { isBorder } from './isBorder.ts';
 
 describe('Filter: isBorder', () => {
   it('returns true if $type property is `border`', () => {
diff --git a/design-system/primitives/filters/isCapsize.test.ts b/design-system/primitives/filters/isCapsize.test.ts
index 5d064feed..261882bf1 100644
--- a/design-system/primitives/filters/isCapsize.test.ts
+++ b/design-system/primitives/filters/isCapsize.test.ts
@@ -1,6 +1,6 @@
-import { getMockToken } from '../test-utilities';
+import { getMockToken } from '../test-utilities/index.ts';
 import { describe, expect, it } from '@jest/globals';
-import { isCapsize } from './isCapsize';
+import { isCapsize } from './isCapsize.ts';
 
 describe('Filter: isCapsize', () => {
   it('returns true if $type property is `capsize`', () => {
diff --git a/design-system/primitives/filters/isColor.test.ts b/design-system/primitives/filters/isColor.test.ts
index 4811e8566..9baaa52c2 100644
--- a/design-system/primitives/filters/isColor.test.ts
+++ b/design-system/primitives/filters/isColor.test.ts
@@ -1,6 +1,6 @@
-import { getMockToken } from '../test-utilities';
+import { getMockToken } from '../test-utilities/index.ts';
 import { describe, expect, it } from '@jest/globals';
-import { isColor } from './isColor';
+import { isColor } from './isColor.ts';
 
 describe('Filter: isColor', () => {
   it('returns true if $type property is `color`', () => {
diff --git a/design-system/primitives/filters/isColorWithAlpha.test.ts b/design-system/primitives/filters/isColorWithAlpha.test.ts
index 268b3cd25..d50fc3ec4 100644
--- a/design-system/primitives/filters/isColorWithAlpha.test.ts
+++ b/design-system/primitives/filters/isColorWithAlpha.test.ts
@@ -1,6 +1,6 @@
-import { getMockToken } from '../test-utilities';
+import { getMockToken } from '../test-utilities/index.ts';
 import { describe, expect, it } from '@jest/globals';
-import { isColorWithAlpha } from './isColorWithAlpha';
+import { isColorWithAlpha } from './isColorWithAlpha.ts';
 
 describe('Filter: isColorWithAlpha', () => {
   it('returns true if $type property is `color` and `alpha` is number', () => {
diff --git a/design-system/primitives/filters/isColorWithAlpha.ts b/design-system/primitives/filters/isColorWithAlpha.ts
index ba829a681..4e202406f 100644
--- a/design-system/primitives/filters/isColorWithAlpha.ts
+++ b/design-system/primitives/filters/isColorWithAlpha.ts
@@ -1,5 +1,5 @@
 import type StyleDictionary from 'style-dictionary';
-import { isColor } from './isColor';
+import { isColor } from './isColor.ts';
 
 /**
  * @description Checks if token is color with an alpha value
diff --git a/design-system/primitives/filters/isColorWithMix.test.ts b/design-system/primitives/filters/isColorWithMix.test.ts
index 233d694e1..a35ce56df 100644
--- a/design-system/primitives/filters/isColorWithMix.test.ts
+++ b/design-system/primitives/filters/isColorWithMix.test.ts
@@ -1,6 +1,6 @@
-import { getMockToken } from '../test-utilities';
+import { getMockToken } from '../test-utilities/index.ts';
 import { describe, expect, it } from '@jest/globals';
-import { isColorWithMix } from './isColorWithMix';
+import { isColorWithMix } from './isColorWithMix.ts';
 
 describe('Filter: isColorWithMix', () => {
   it('returns true if $type property is `color` and valid `mix` property exists', () => {
diff --git a/design-system/primitives/filters/isColorWithMix.ts b/design-system/primitives/filters/isColorWithMix.ts
index 7c32d0cf1..48ad01c52 100644
--- a/design-system/primitives/filters/isColorWithMix.ts
+++ b/design-system/primitives/filters/isColorWithMix.ts
@@ -1,5 +1,5 @@
 import type StyleDictionary from 'style-dictionary';
-import { isColor } from './isColor';
+import { isColor } from './isColor.ts';
 
 const throwError = (token: StyleDictionary.TransformedToken) => {
   throw new Error(
diff --git a/design-system/primitives/filters/isCubicBezier.test.ts b/design-system/primitives/filters/isCubicBezier.test.ts
index a48a26f66..f01487a78 100644
--- a/design-system/primitives/filters/isCubicBezier.test.ts
+++ b/design-system/primitives/filters/isCubicBezier.test.ts
@@ -1,7 +1,7 @@
 import { describe, expect, it } from '@jest/globals';
 import StyleDictionary from 'style-dictionary';
 
-import { isCubicBezier } from './isCubicBezier';
+import { isCubicBezier } from './isCubicBezier.ts';
 
 describe('Filter: isCubicBezier', () => {
   const items = [
diff --git a/design-system/primitives/filters/isDeprecated.test.ts b/design-system/primitives/filters/isDeprecated.test.ts
index 1b4cceb82..35e6fa98a 100644
--- a/design-system/primitives/filters/isDeprecated.test.ts
+++ b/design-system/primitives/filters/isDeprecated.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, it } from '@jest/globals';
-import { getMockToken } from '../test-utilities';
-import { isDeprecated } from './isDeprecated';
+import { getMockToken } from '../test-utilities/index.ts';
+import { isDeprecated } from './isDeprecated.ts';
 
 describe('Filter: isDeprecated', () => {
   it('Returns true if depreacted property is true', () => {
diff --git a/design-system/primitives/filters/isDimension.test.ts b/design-system/primitives/filters/isDimension.test.ts
index 66f8bde1f..dc0277f68 100644
--- a/design-system/primitives/filters/isDimension.test.ts
+++ b/design-system/primitives/filters/isDimension.test.ts
@@ -1,6 +1,6 @@
-import { getMockToken } from '../test-utilities';
+import { getMockToken } from '../test-utilities/index.ts';
 import { describe, expect, it } from '@jest/globals';
-import { isDimension } from './isDimension';
+import { isDimension } from './isDimension.ts';
 
 describe('Filter: isDimension', () => {
   it('returns true if $type property is `dimension`', () => {
diff --git a/design-system/primitives/filters/isDuration.test.ts b/design-system/primitives/filters/isDuration.test.ts
index 32275be18..906f6cdbc 100644
--- a/design-system/primitives/filters/isDuration.test.ts
+++ b/design-system/primitives/filters/isDuration.test.ts
@@ -1,7 +1,7 @@
 import StyleDictionary from 'style-dictionary';
 import { expect, it, describe } from '@jest/globals';
 
-import { isDuration } from './isDuration';
+import { isDuration } from './isDuration.ts';
 
 describe('Filter: isDuration', () => {
   const items = [
diff --git a/design-system/primitives/filters/isFontFamily.test.ts b/design-system/primitives/filters/isFontFamily.test.ts
index 4a2358e38..3cfb86221 100644
--- a/design-system/primitives/filters/isFontFamily.test.ts
+++ b/design-system/primitives/filters/isFontFamily.test.ts
@@ -1,6 +1,6 @@
-import { getMockToken } from '../test-utilities';
+import { getMockToken } from '../test-utilities/index.ts';
 import { describe, expect, it } from '@jest/globals';
-import { isFontFamily } from './isFontFamily';
+import { isFontFamily } from './isFontFamily.ts';
 
 describe('Filter: isFontFamily', () => {
   it('returns true if $type property is `fontFamily`', () => {
diff --git a/design-system/primitives/filters/isFontWeight.test.ts b/design-system/primitives/filters/isFontWeight.test.ts
index f75282591..12415a50a 100644
--- a/design-system/primitives/filters/isFontWeight.test.ts
+++ b/design-system/primitives/filters/isFontWeight.test.ts
@@ -1,6 +1,6 @@
-import { getMockToken } from '../test-utilities';
+import { getMockToken } from '../test-utilities/index.ts';
 import { describe, expect, it } from '@jest/globals';
-import { isFontWeight } from './isFontWeight';
+import { isFontWeight } from './isFontWeight.ts';
 
 describe('Filter: isFontWeight', () => {
   it('returns true if $type property is `fontWeight`', () => {
diff --git a/design-system/primitives/filters/isFromFile.test.ts b/design-system/primitives/filters/isFromFile.test.ts
index a5836e75f..133165baa 100644
--- a/design-system/primitives/filters/isFromFile.test.ts
+++ b/design-system/primitives/filters/isFromFile.test.ts
@@ -1,6 +1,6 @@
-import { getMockToken } from '../test-utilities';
+import { getMockToken } from '../test-utilities/index.ts';
 import { describe, expect, it } from '@jest/globals';
-import { isFromFile } from './isFromFile';
+import { isFromFile } from './isFromFile.ts';
 
 describe('Filter: isFromFile', () => {
   it('returns true if token.filePath is in provided array of file paths', () => {
diff --git a/design-system/primitives/filters/isShadow.test.ts b/design-system/primitives/filters/isShadow.test.ts
index 3a7403149..aeff10318 100644
--- a/design-system/primitives/filters/isShadow.test.ts
+++ b/design-system/primitives/filters/isShadow.test.ts
@@ -1,6 +1,6 @@
-import { getMockToken } from '../test-utilities';
+import { getMockToken } from '../test-utilities/index.ts';
 import { describe, expect, it } from '@jest/globals';
-import { isShadow } from './isShadow';
+import { isShadow } from './isShadow.ts';
 
 describe('Filter: isShadow', () => {
   it('returns true if $type property is `shadow`', () => {
diff --git a/design-system/primitives/filters/isSource.test.ts b/design-system/primitives/filters/isSource.test.ts
index 5f49cec41..4fd084121 100644
--- a/design-system/primitives/filters/isSource.test.ts
+++ b/design-system/primitives/filters/isSource.test.ts
@@ -1,8 +1,8 @@
 import type StyleDictionary from 'style-dictionary';
 
-import { getMockToken } from '../test-utilities';
+import { getMockToken } from '../test-utilities/index.ts';
 import { describe, expect, it } from '@jest/globals';
-import { isSource } from './isSource';
+import { isSource } from './isSource.ts';
 
 describe('Filter: isSource', () => {
   it('Returns true if isSource property is true', () => {
diff --git a/design-system/primitives/filters/isTypography.test.ts b/design-system/primitives/filters/isTypography.test.ts
index 1408a5c07..608956b7a 100644
--- a/design-system/primitives/filters/isTypography.test.ts
+++ b/design-system/primitives/filters/isTypography.test.ts
@@ -1,6 +1,6 @@
-import { getMockToken } from '../test-utilities';
+import { getMockToken } from '../test-utilities/index.ts';
 import { describe, expect, it } from '@jest/globals';
-import { isTypography } from './isTypography';
+import { isTypography } from './isTypography.ts';
 
 describe('Filter: isTypography', () => {
   it('returns true if $type property is `typography`', () => {
diff --git a/design-system/primitives/formatters/cssThemed.ts b/design-system/primitives/formatters/cssThemed.ts
index bf2bb0db9..d49ccc1da 100644
--- a/design-system/primitives/formatters/cssThemed.ts
+++ b/design-system/primitives/formatters/cssThemed.ts
@@ -1,9 +1,9 @@
-import { format } from '@prettier/sync';
+import prettier from '@prettier/sync';
 import StyleDictionary from 'style-dictionary';
 import type { FormatterArguments } from 'style-dictionary/types/Format';
 import type { LineFormatting } from 'style-dictionary/types/FormatHelpers';
 
-import { SELECTOR_DEFAULT } from '../constants';
+import { SELECTOR_DEFAULT } from '../constants.ts';
 
 const { fileHeader, formattedVariables } = StyleDictionary.formatHelpers;
 
@@ -56,5 +56,5 @@ export const cssThemed: StyleDictionary.Formatter = ({
   }
 
   // return prettified
-  return format(output.join('\n'), { parser: 'css', printWidth: 500 });
+  return prettier.format(output.join('\n'), { parser: 'css', printWidth: 500 });
 };
diff --git a/design-system/primitives/formatters/cssVariables.ts b/design-system/primitives/formatters/cssVariables.ts
index b05f01843..1ba3f8135 100644
--- a/design-system/primitives/formatters/cssVariables.ts
+++ b/design-system/primitives/formatters/cssVariables.ts
@@ -2,7 +2,7 @@ import StyleDictionary from 'style-dictionary';
 import type { FormatterArguments } from 'style-dictionary/types/Format';
 import type { LineFormatting } from 'style-dictionary/types/FormatHelpers';
 
-import { SELECTOR_DEFAULT } from '../constants';
+import { SELECTOR_DEFAULT } from '../constants.ts';
 
 const { fileHeader, formattedVariables } = StyleDictionary.formatHelpers;
 
diff --git a/design-system/primitives/formatters/index.ts b/design-system/primitives/formatters/index.ts
index c31c9a0d0..08b78514b 100644
--- a/design-system/primitives/formatters/index.ts
+++ b/design-system/primitives/formatters/index.ts
@@ -1,4 +1,4 @@
-export { cssThemed } from './cssThemed';
-export { cssVariables } from './cssVariables';
-export { javascriptTokenMap } from './javascriptTokenMap';
-export { jsonFigma } from './jsonFigma';
+export { cssThemed } from './cssThemed.ts';
+export { cssVariables } from './cssVariables.ts';
+export { javascriptTokenMap } from './javascriptTokenMap.ts';
+export { jsonFigma } from './jsonFigma.ts';
diff --git a/design-system/primitives/formatters/javascriptTokenMap.ts b/design-system/primitives/formatters/javascriptTokenMap.ts
index f12c26af4..9295dc97a 100644
--- a/design-system/primitives/formatters/javascriptTokenMap.ts
+++ b/design-system/primitives/formatters/javascriptTokenMap.ts
@@ -1,4 +1,4 @@
-import { setWith } from 'lodash';
+import _ from 'lodash';
 import StyleDictionary from 'style-dictionary';
 
 const { fileHeader } = StyleDictionary.formatHelpers;
@@ -10,7 +10,7 @@ export const javascriptTokenMap: StyleDictionary.Formatter = ({
   const reference = {};
 
   dictionary.allTokens.forEach(token => {
-    setWith(reference, token.path, `var(--${token.name})`, Object);
+    _.setWith(reference, token.path, `var(--${token.name})`, Object);
   });
 
   return (
diff --git a/design-system/primitives/formatters/jsonFigma.ts b/design-system/primitives/formatters/jsonFigma.ts
index 100878c4f..43e6cc948 100644
--- a/design-system/primitives/formatters/jsonFigma.ts
+++ b/design-system/primitives/formatters/jsonFigma.ts
@@ -1,9 +1,9 @@
 // credit: https://github.com/primer/primitives/blob/main/src/formats/jsonFigma.ts
 import StyleDictionary from 'style-dictionary';
-import { format } from '@prettier/sync';
+import prettier from '@prettier/sync';
 import type { FormatterArguments } from 'style-dictionary/types/Format';
 
-import { transformNamePathToFigma } from '../transformers/namePathToFigma';
+import { transformNamePathToFigma } from '../transformers/namePathToFigma.ts';
 
 const { sortByReference } = StyleDictionary.formatHelpers;
 
@@ -77,5 +77,5 @@ export const jsonFigma: StyleDictionary.Formatter = ({
   // add file header and convert output
   const output = JSON.stringify(tokens, null, 2);
   // return prettified
-  return format(output, { parser: 'json', printWidth: 500 });
+  return prettier.format(output, { parser: 'json', printWidth: 500 });
 };
diff --git a/design-system/primitives/package.json b/design-system/primitives/package.json
index 02083fb92..56c24748a 100644
--- a/design-system/primitives/package.json
+++ b/design-system/primitives/package.json
@@ -4,10 +4,11 @@
   "private": true,
   "description": "Typography, size, and color primitives for the Keystar design system",
   "license": "MIT",
+  "type": "module",
   "scripts": {
-    "build": "tsx ./scripts/buildTokens.ts && tsx ./scripts/build.ts",
-    "build:figma": "tsx ./scripts/buildFigma.ts",
-    "build:tokens": "tsx ./scripts/buildTokens.ts"
+    "build": "node ./scripts/buildTokens.ts && node ./scripts/build.ts",
+    "build:figma": "node ./scripts/buildFigma.ts",
+    "build:tokens": "node ./scripts/buildTokens.ts"
   },
   "devDependencies": {
     "@capsizecss/core": "^3.1.1",
@@ -21,7 +22,6 @@
     "lodash": "^4.17.21",
     "prettier": "^3.0.3",
     "style-dictionary": "^3.8.0",
-    "tsx": "^4.8.2",
     "typescript": "^5.5.3"
   },
   "dependencies": {
diff --git a/design-system/primitives/parsers/index.ts b/design-system/primitives/parsers/index.ts
index 93300a01e..bcb88721e 100644
--- a/design-system/primitives/parsers/index.ts
+++ b/design-system/primitives/parsers/index.ts
@@ -1 +1 @@
-export { w3cJsonParser } from './w3cJsonParser';
+export { w3cJsonParser } from './w3cJsonParser.ts';
diff --git a/design-system/primitives/parsers/w3cJsonParser.test.ts b/design-system/primitives/parsers/w3cJsonParser.test.ts
index e7b5ff784..bbdfbe215 100644
--- a/design-system/primitives/parsers/w3cJsonParser.test.ts
+++ b/design-system/primitives/parsers/w3cJsonParser.test.ts
@@ -1,8 +1,8 @@
 import {
   parserOutput as expectedOutput,
   getMockParserInput,
-} from '../test-utilities';
-import { w3cJsonParser } from './w3cJsonParser';
+} from '../test-utilities/index.ts';
+import { w3cJsonParser } from './w3cJsonParser.ts';
 import { expect, it, describe } from '@jest/globals';
 
 describe('Parser: w3c token json5 parser', () => {
diff --git a/design-system/primitives/platforms/css.ts b/design-system/primitives/platforms/css.ts
index 31112504b..aa8bf1844 100644
--- a/design-system/primitives/platforms/css.ts
+++ b/design-system/primitives/platforms/css.ts
@@ -1,14 +1,14 @@
 import StyleDictionary from 'style-dictionary';
 
-import type { PlatformInitializer } from '../types';
+import type { PlatformInitializer } from '../types.ts';
 import {
   SELECTOR_AUTO,
   SELECTOR_DARK,
   SELECTOR_LIGHT,
   TOKEN_PREFIX,
-} from '../constants';
-import { isSource } from '../filters';
-import { filenameFromPath } from '../utilities';
+} from '../constants.ts';
+import { isSource } from '../filters/index.ts';
+import { filenameFromPath } from '../utilities/index.ts';
 
 const getCssSelectors = (
   outputFile: string
diff --git a/design-system/primitives/platforms/figma.ts b/design-system/primitives/platforms/figma.ts
index 2ee919b53..d141f4a96 100644
--- a/design-system/primitives/platforms/figma.ts
+++ b/design-system/primitives/platforms/figma.ts
@@ -1,8 +1,8 @@
 // credit: https://github.com/primer/primitives/blob/main/src/platforms/figma.ts
 import type StyleDictionary from 'style-dictionary';
 
-import { isSource } from '../filters';
-import type { PlatformInitializer } from '../types';
+import { isSource } from '../filters/index.ts';
+import type { PlatformInitializer } from '../types.ts';
 
 const validFigmaToken = (token: StyleDictionary.TransformedToken) => {
   const validTypes = ['color', 'dimension'];
diff --git a/design-system/primitives/platforms/index.ts b/design-system/primitives/platforms/index.ts
index 0d40b3bcb..e1db0b356 100644
--- a/design-system/primitives/platforms/index.ts
+++ b/design-system/primitives/platforms/index.ts
@@ -1,3 +1,3 @@
-export { css } from './css';
-export { figma } from './figma';
-export { javascript } from './javascript';
+export { css } from './css.ts';
+export { figma } from './figma.ts';
+export { javascript } from './javascript.ts';
diff --git a/design-system/primitives/platforms/javascript.ts b/design-system/primitives/platforms/javascript.ts
index 02ca9127d..c80355a3c 100644
--- a/design-system/primitives/platforms/javascript.ts
+++ b/design-system/primitives/platforms/javascript.ts
@@ -1,8 +1,8 @@
 import StyleDictionary from 'style-dictionary';
 
-import { TOKEN_PREFIX } from '../constants';
-import { isSource } from '../filters';
-import { PlatformInitializer } from '../types';
+import { TOKEN_PREFIX } from '../constants.ts';
+import { isSource } from '../filters/index.ts';
+import type { PlatformInitializer } from '../types.ts';
 
 export const javascript: PlatformInitializer = (
   outputFile,
diff --git a/design-system/primitives/scripts/buildFigma.ts b/design-system/primitives/scripts/buildFigma.ts
index 69731c397..f45b2f44b 100644
--- a/design-system/primitives/scripts/buildFigma.ts
+++ b/design-system/primitives/scripts/buildFigma.ts
@@ -1,10 +1,10 @@
 import fs from 'fs';
 
-import { KeystarStyleDictionary } from '../KeystarStyleDictionary';
+import { KeystarStyleDictionary } from '../KeystarStyleDictionary.ts';
 
-import { figma } from '../platforms';
-import type { ConfigGeneratorOptions } from '../types';
-import { themes } from './themes.config';
+import { figma } from '../platforms/index.ts';
+import type { ConfigGeneratorOptions } from '../types.ts';
+import { themes } from './themes.config.ts';
 
 /*
 Desired output
diff --git a/design-system/primitives/scripts/buildTokens.ts b/design-system/primitives/scripts/buildTokens.ts
index c9b89984f..702718a3f 100644
--- a/design-system/primitives/scripts/buildTokens.ts
+++ b/design-system/primitives/scripts/buildTokens.ts
@@ -1,15 +1,15 @@
 import { glob } from 'fs/promises';
 import type StyleDictionary from 'style-dictionary';
 
-import { KeystarStyleDictionary } from '../KeystarStyleDictionary';
-import { css, javascript } from '../platforms';
+import { KeystarStyleDictionary } from '../KeystarStyleDictionary.ts';
+import { css, javascript } from '../platforms/index.ts';
 import type {
   ConfigGeneratorOptions,
   StyleDictionaryConfigGenerator,
-} from '../types';
+} from '../types.ts';
 
-import { themes } from './themes.config';
-// import { buildFigma } from './buildFigma';
+import { themes } from './themes.config.ts';
+// import { buildFigma } from './buildFigma.ts';
 
 /**
  * getStyleDictionaryConfig
diff --git a/design-system/primitives/scripts/themes.config.ts b/design-system/primitives/scripts/themes.config.ts
index 44d56f629..3f243e86a 100644
--- a/design-system/primitives/scripts/themes.config.ts
+++ b/design-system/primitives/scripts/themes.config.ts
@@ -1,4 +1,4 @@
-import type { TokenBuildInput } from '../types';
+import type { TokenBuildInput } from '../types.ts';
 
 // NOTE: order is important. scales must be first.
 export const themes: TokenBuildInput[] = [
diff --git a/design-system/primitives/test-utilities/getMockDictionary.ts b/design-system/primitives/test-utilities/getMockDictionary.ts
index 71ab2202c..a472ba341 100644
--- a/design-system/primitives/test-utilities/getMockDictionary.ts
+++ b/design-system/primitives/test-utilities/getMockDictionary.ts
@@ -1,6 +1,6 @@
 import type StyleDictionary from 'style-dictionary';
 
-import { getMockToken } from './getMockToken';
+import { getMockToken } from './getMockToken.ts';
 
 const mockDictionaryDefault = {
   tokens: {
diff --git a/design-system/primitives/test-utilities/getMockFormatterArguments.ts b/design-system/primitives/test-utilities/getMockFormatterArguments.ts
index e8a0f6016..d239dcb11 100644
--- a/design-system/primitives/test-utilities/getMockFormatterArguments.ts
+++ b/design-system/primitives/test-utilities/getMockFormatterArguments.ts
@@ -1,6 +1,6 @@
 import type { FormatterArguments } from 'style-dictionary/types/Format';
 
-import { getMockDictionary } from '.';
+import { getMockDictionary } from './index.ts';
 
 const defaultFormatterArguments: FormatterArguments = {
   dictionary: getMockDictionary(),
diff --git a/design-system/primitives/test-utilities/index.ts b/design-system/primitives/test-utilities/index.ts
index 4add77606..0767dfd5a 100644
--- a/design-system/primitives/test-utilities/index.ts
+++ b/design-system/primitives/test-utilities/index.ts
@@ -1,4 +1,4 @@
-export { getMockDictionary } from './getMockDictionary';
-export { getMockToken } from './getMockToken';
-export { getMockParserInput, parserOutput } from './getMockParserInput';
-export { getMockFormatterArguments } from './getMockFormatterArguments';
+export { getMockDictionary } from './getMockDictionary.ts';
+export { getMockToken } from './getMockToken.ts';
+export { getMockParserInput, parserOutput } from './getMockParserInput.ts';
+export { getMockFormatterArguments } from './getMockFormatterArguments.ts';
diff --git a/design-system/primitives/transformers/colorToCssAlpha.test.ts b/design-system/primitives/transformers/colorToCssAlpha.test.ts
index 0ed932191..5dcdbe84a 100644
--- a/design-system/primitives/transformers/colorToCssAlpha.test.ts
+++ b/design-system/primitives/transformers/colorToCssAlpha.test.ts
@@ -1,6 +1,6 @@
-import { getMockToken } from '../test-utilities';
+import { getMockToken } from '../test-utilities/index.ts';
 import { describe, expect, it } from '@jest/globals';
-import { colorToCssAlpha } from './colorToCssAlpha';
+import { colorToCssAlpha } from './colorToCssAlpha.ts';
 
 describe('Transformer: colorToCssAlpha', () => {
   it('transforms values to css color-mix() strings', () => {
diff --git a/design-system/primitives/transformers/colorToCssAlpha.ts b/design-system/primitives/transformers/colorToCssAlpha.ts
index ed2c5e810..82ba1796a 100644
--- a/design-system/primitives/transformers/colorToCssAlpha.ts
+++ b/design-system/primitives/transformers/colorToCssAlpha.ts
@@ -1,6 +1,6 @@
 import type StyleDictionary from 'style-dictionary';
 
-import { isColorWithAlpha } from '../filters';
+import { isColorWithAlpha } from '../filters/index.ts';
 
 /**
  * @description replaces values with a `color-mix()` function using the token's `alpha` property.
diff --git a/design-system/primitives/transformers/colorToHex.test.ts b/design-system/primitives/transformers/colorToHex.test.ts
index fd98da4ff..5ad9dde61 100644
--- a/design-system/primitives/transformers/colorToHex.test.ts
+++ b/design-system/primitives/transformers/colorToHex.test.ts
@@ -1,6 +1,6 @@
-import { getMockToken } from '../test-utilities';
+import { getMockToken } from '../test-utilities/index.ts';
 import { describe, expect, it } from '@jest/globals';
-import { colorToHex } from './colorToHex';
+import { colorToHex } from './colorToHex.ts';
 
 describe('Transformer: colorToHex', () => {
   it('transforms `hex3`, `hex6`, and `hex8` tokens to hex value', () => {
diff --git a/design-system/primitives/transformers/colorToHex.ts b/design-system/primitives/transformers/colorToHex.ts
index 72201bcaf..acd261906 100644
--- a/design-system/primitives/transformers/colorToHex.ts
+++ b/design-system/primitives/transformers/colorToHex.ts
@@ -1,8 +1,8 @@
 import { toHex } from 'color2k';
 import type StyleDictionary from 'style-dictionary';
 
-import { isColor } from '../filters';
-import { getTokenValue } from './utilities/getTokenValue';
+import { isColor } from '../filters/index.ts';
+import { getTokenValue } from './utilities/getTokenValue.ts';
 
 /**
  * @description converts color tokens value to `hex6` or `hex8`
diff --git a/design-system/primitives/transformers/colorToHexAlpha.test.ts b/design-system/primitives/transformers/colorToHexAlpha.test.ts
index 980c06f10..ad163f2d0 100644
--- a/design-system/primitives/transformers/colorToHexAlpha.test.ts
+++ b/design-system/primitives/transformers/colorToHexAlpha.test.ts
@@ -1,6 +1,6 @@
-import { getMockToken } from '../test-utilities';
+import { getMockToken } from '../test-utilities/index.ts';
 import { describe, expect, it } from '@jest/globals';
-import { colorToHexAlpha } from './colorToHexAlpha';
+import { colorToHexAlpha } from './colorToHexAlpha.ts';
 
 describe('Transformer: colorToHexAlpha', () => {
   it('transforms hex3, hex6 `color` tokens with alpha value', () => {
diff --git a/design-system/primitives/transformers/colorToHexAlpha.ts b/design-system/primitives/transformers/colorToHexAlpha.ts
index b4739a3c2..dd60602de 100644
--- a/design-system/primitives/transformers/colorToHexAlpha.ts
+++ b/design-system/primitives/transformers/colorToHexAlpha.ts
@@ -1,9 +1,9 @@
 import { toHex } from 'color2k';
 import type StyleDictionary from 'style-dictionary';
 
-import { isColorWithAlpha } from '../filters';
-import { alpha } from './utilities/alpha';
-import { getTokenValue } from './utilities/getTokenValue';
+import { isColorWithAlpha } from '../filters/index.ts';
+import { alpha } from './utilities/alpha.ts';
+import { getTokenValue } from './utilities/getTokenValue.ts';
 
 /**
  * @description replaces tokens value with `hex8` color using the tokens `alpha` property to specify the value used for alpha
diff --git a/design-system/primitives/transformers/colorToRgbaFloat.test.ts b/design-system/primitives/transformers/colorToRgbaFloat.test.ts
index 932b5f429..80c127134 100644
--- a/design-system/primitives/transformers/colorToRgbaFloat.test.ts
+++ b/design-system/primitives/transformers/colorToRgbaFloat.test.ts
@@ -1,6 +1,6 @@
-import { getMockToken } from '../test-utilities';
+import { getMockToken } from '../test-utilities/index.ts';
 import { describe, expect, it } from '@jest/globals';
-import { colorToRgbaFloat } from './colorToRgbaFloat';
+import { colorToRgbaFloat } from './colorToRgbaFloat.ts';
 
 describe('Transformer: colorToRgbaFloat', () => {
   it('transforms `hex3`, `hex6`, and `hex8` tokens to rgb float value', () => {
diff --git a/design-system/primitives/transformers/colorToRgbaFloat.ts b/design-system/primitives/transformers/colorToRgbaFloat.ts
index 27fffa730..cd71c22f1 100644
--- a/design-system/primitives/transformers/colorToRgbaFloat.ts
+++ b/design-system/primitives/transformers/colorToRgbaFloat.ts
@@ -1,9 +1,9 @@
 import { mix, toHex } from 'color2k';
 import type StyleDictionary from 'style-dictionary';
 
-import { isColor } from '../filters';
-import { getTokenValue } from './utilities/getTokenValue';
-import { rgbaFloatToHex } from './utilities/rgbaFloatToHex';
+import { isColor } from '../filters/index.ts';
+import { getTokenValue } from './utilities/getTokenValue.ts';
+import { rgbaFloatToHex } from './utilities/rgbaFloatToHex.ts';
 
 const toRgbaFloat = (
   token: StyleDictionary.TransformedToken,
diff --git a/design-system/primitives/transformers/cubicBezierToCss.test.ts b/design-system/primitives/transformers/cubicBezierToCss.test.ts
index d0131d354..72b9b26b2 100644
--- a/design-system/primitives/transformers/cubicBezierToCss.test.ts
+++ b/design-system/primitives/transformers/cubicBezierToCss.test.ts
@@ -1,7 +1,7 @@
 import StyleDictionary from 'style-dictionary';
 import { expect, it, describe } from '@jest/globals';
 
-import { cubicBezierToCss } from './cubicBezierToCss';
+import { cubicBezierToCss } from './cubicBezierToCss.ts';
 
 describe('Transformer: cubicBezierToCss', () => {
   const items = [
diff --git a/design-system/primitives/transformers/cubicBezierToCss.ts b/design-system/primitives/transformers/cubicBezierToCss.ts
index 71dd34cb7..1c3c70632 100644
--- a/design-system/primitives/transformers/cubicBezierToCss.ts
+++ b/design-system/primitives/transformers/cubicBezierToCss.ts
@@ -1,7 +1,7 @@
 import StyleDictionary from 'style-dictionary';
 
-import { isCubicBezier } from '../filters/isCubicBezier';
-import { CubicBezierTokenValue } from '../types';
+import { isCubicBezier } from '../filters/isCubicBezier.ts';
+import type { CubicBezierTokenValue } from '../types.ts';
 
 export const cubicBezierToCss: StyleDictionary.Transform = {
   type: `value`,
diff --git a/design-system/primitives/transformers/dimensionToPixelUnitless.test.ts b/design-system/primitives/transformers/dimensionToPixelUnitless.test.ts
index b49c7f1ef..98b5e8647 100644
--- a/design-system/primitives/transformers/dimensionToPixelUnitless.test.ts
+++ b/design-system/primitives/transformers/dimensionToPixelUnitless.test.ts
@@ -1,6 +1,6 @@
-import { getMockToken } from '../test-utilities';
+import { getMockToken } from '../test-utilities/index.ts';
 import { describe, expect, it } from '@jest/globals';
-import { dimensionToPixelUnitless } from './dimensionToPixelUnitless';
+import { dimensionToPixelUnitless } from './dimensionToPixelUnitless.ts';
 
 describe('Transformer: dimensionToPixelUnitless', () => {
   it('transforms pixel string tokens', () => {
diff --git a/design-system/primitives/transformers/dimensionToPixelUnitless.ts b/design-system/primitives/transformers/dimensionToPixelUnitless.ts
index 78c5fcb70..537e274b7 100644
--- a/design-system/primitives/transformers/dimensionToPixelUnitless.ts
+++ b/design-system/primitives/transformers/dimensionToPixelUnitless.ts
@@ -1,6 +1,6 @@
 import type StyleDictionary from 'style-dictionary';
 
-import { isDimension } from '../filters';
+import { isDimension } from '../filters/index.ts';
 
 /**
  * @description base font size from options or 16
diff --git a/design-system/primitives/transformers/fontWeightToNumber.test.ts b/design-system/primitives/transformers/fontWeightToNumber.test.ts
index 347193689..99283b7ac 100644
--- a/design-system/primitives/transformers/fontWeightToNumber.test.ts
+++ b/design-system/primitives/transformers/fontWeightToNumber.test.ts
@@ -1,6 +1,6 @@
-import { getMockToken } from '../test-utilities';
+import { getMockToken } from '../test-utilities/index.ts';
 import { describe, expect, it } from '@jest/globals';
-import { fontWeightToNumber } from './fontWeightToNumber';
+import { fontWeightToNumber } from './fontWeightToNumber.ts';
 
 describe('Transformer: fontWeightToNumbers', () => {
   it('keeps number if within range of 1-1000', () => {
diff --git a/design-system/primitives/transformers/fontWeightToNumber.ts b/design-system/primitives/transformers/fontWeightToNumber.ts
index f279b0565..cdf43e179 100644
--- a/design-system/primitives/transformers/fontWeightToNumber.ts
+++ b/design-system/primitives/transformers/fontWeightToNumber.ts
@@ -1,7 +1,7 @@
 import type StyleDictionary from 'style-dictionary';
 
-import { isFontWeight } from '../filters';
-import { getTokenValue } from './utilities/getTokenValue';
+import { isFontWeight } from '../filters/index.ts';
+import { getTokenValue } from './utilities/getTokenValue.ts';
 
 const fontWeightMatrix: Record<string, string[]> = {
   '100': ['thin', 'hairline'],
diff --git a/design-system/primitives/transformers/index.ts b/design-system/primitives/transformers/index.ts
index b29e6e32a..bcda197c4 100644
--- a/design-system/primitives/transformers/index.ts
+++ b/design-system/primitives/transformers/index.ts
@@ -1,13 +1,13 @@
-export { colorToCssAlpha } from './colorToCssAlpha';
-export { colorToHex } from './colorToHex';
-export { colorToHexAlpha } from './colorToHexAlpha';
-export { colorToRgbaFloat } from './colorToRgbaFloat';
-export { cubicBezierToCss } from './cubicBezierToCss';
-export { dimensionToPixelUnitless } from './dimensionToPixelUnitless';
-export { figmaAttributes } from './figmaAttributes';
-export { fontWeightToNumber } from './fontWeightToNumber';
-export { namePathToDotNotation } from './namePathToDotNotation';
-export { namePathToFigma } from './namePathToFigma';
-export { namePathToKebabCase } from './namePathToKebabCase';
-export { shadowDimensionToCssPartial } from './shadowDimensionToCssPartial';
-export { typographyToCapsize } from './typographyToCapsize';
+export { colorToCssAlpha } from './colorToCssAlpha.ts';
+export { colorToHex } from './colorToHex.ts';
+export { colorToHexAlpha } from './colorToHexAlpha.ts';
+export { colorToRgbaFloat } from './colorToRgbaFloat.ts';
+export { cubicBezierToCss } from './cubicBezierToCss.ts';
+export { dimensionToPixelUnitless } from './dimensionToPixelUnitless.ts';
+export { figmaAttributes } from './figmaAttributes.ts';
+export { fontWeightToNumber } from './fontWeightToNumber.ts';
+export { namePathToDotNotation } from './namePathToDotNotation.ts';
+export { namePathToFigma } from './namePathToFigma.ts';
+export { namePathToKebabCase } from './namePathToKebabCase.ts';
+export { shadowDimensionToCssPartial } from './shadowDimensionToCssPartial.ts';
+export { typographyToCapsize } from './typographyToCapsize.ts';
diff --git a/design-system/primitives/transformers/namePathToDotNotation.test.ts b/design-system/primitives/transformers/namePathToDotNotation.test.ts
index 5979e3228..328d08fb7 100644
--- a/design-system/primitives/transformers/namePathToDotNotation.test.ts
+++ b/design-system/primitives/transformers/namePathToDotNotation.test.ts
@@ -1,6 +1,6 @@
-import { getMockToken } from '../test-utilities';
+import { getMockToken } from '../test-utilities/index.ts';
 import { describe, expect, it } from '@jest/globals';
-import { namePathToDotNotation } from './namePathToDotNotation';
+import { namePathToDotNotation } from './namePathToDotNotation.ts';
 
 describe('Transformer: namePathToDotNotation', () => {
   it('converts path elements to dot.notation and ignores name proprty', () => {
diff --git a/design-system/primitives/transformers/namePathToDotNotation.ts b/design-system/primitives/transformers/namePathToDotNotation.ts
index 98157e657..21538b90f 100644
--- a/design-system/primitives/transformers/namePathToDotNotation.ts
+++ b/design-system/primitives/transformers/namePathToDotNotation.ts
@@ -1,6 +1,6 @@
 import type StyleDictionary from 'style-dictionary';
 
-import { upperCaseFirstCharacter } from '../utilities';
+import { upperCaseFirstCharacter } from '../utilities/index.ts';
 
 /**
  * camelCase
diff --git a/design-system/primitives/transformers/namePathToFigma.test.ts b/design-system/primitives/transformers/namePathToFigma.test.ts
index 306a3deed..af00257b8 100644
--- a/design-system/primitives/transformers/namePathToFigma.test.ts
+++ b/design-system/primitives/transformers/namePathToFigma.test.ts
@@ -1,6 +1,6 @@
-import { getMockToken } from '../test-utilities';
+import { getMockToken } from '../test-utilities/index.ts';
 import { describe, expect, it } from '@jest/globals';
-import { namePathToFigma } from './namePathToFigma';
+import { namePathToFigma } from './namePathToFigma.ts';
 
 describe('Transformer: namePathToFigma', () => {
   it('converts path elements to dot.notation and ignores name proprty', () => {
diff --git a/design-system/primitives/transformers/namePathToKebabCase.test.ts b/design-system/primitives/transformers/namePathToKebabCase.test.ts
index 58e3ee804..dfeb8ad4b 100644
--- a/design-system/primitives/transformers/namePathToKebabCase.test.ts
+++ b/design-system/primitives/transformers/namePathToKebabCase.test.ts
@@ -1,6 +1,6 @@
-import { getMockToken } from '../test-utilities';
+import { getMockToken } from '../test-utilities/index.ts';
 import { describe, expect, it } from '@jest/globals';
-import { namePathToKebabCase } from './namePathToKebabCase';
+import { namePathToKebabCase } from './namePathToKebabCase.ts';
 
 describe('Transformer: namePathToKebabCase', () => {
   it('converts path elements to dot.notation and ignores name proprty', () => {
diff --git a/design-system/primitives/transformers/shadowDimensionToCssPartial.ts b/design-system/primitives/transformers/shadowDimensionToCssPartial.ts
index f623fae00..c305c1b3c 100644
--- a/design-system/primitives/transformers/shadowDimensionToCssPartial.ts
+++ b/design-system/primitives/transformers/shadowDimensionToCssPartial.ts
@@ -1,8 +1,8 @@
 import StyleDictionary from 'style-dictionary';
 
-import { isShadowDimension } from '../filters';
-import { ShadowDimensionTokenValue } from '../types';
-import { checkRequiredTokenProperties } from './utilities/checkRequiredTokenProperties';
+import { isShadowDimension } from '../filters/index.ts';
+import type { ShadowDimensionTokenValue } from '../types.ts';
+import { checkRequiredTokenProperties } from './utilities/checkRequiredTokenProperties.ts';
 
 /** temp until we consolidate shadows, which should contain a color value */
 export const shadowDimensionToCssPartial: StyleDictionary.Transform = {
diff --git a/design-system/primitives/transformers/typographyToCapsize.test.ts b/design-system/primitives/transformers/typographyToCapsize.test.ts
index 85e285d3e..585406795 100644
--- a/design-system/primitives/transformers/typographyToCapsize.test.ts
+++ b/design-system/primitives/transformers/typographyToCapsize.test.ts
@@ -1,7 +1,7 @@
 import StyleDictionary from 'style-dictionary';
 
-import { typographyToCapsize } from './typographyToCapsize';
-import { getMockToken } from '../test-utilities';
+import { typographyToCapsize } from './typographyToCapsize.ts';
+import { getMockToken } from '../test-utilities/index.ts';
 import { describe, expect, it } from '@jest/globals';
 
 describe('Transformer: typographyToCapsize', () => {
diff --git a/design-system/primitives/transformers/typographyToCapsize.ts b/design-system/primitives/transformers/typographyToCapsize.ts
index 011799f7f..727425a31 100644
--- a/design-system/primitives/transformers/typographyToCapsize.ts
+++ b/design-system/primitives/transformers/typographyToCapsize.ts
@@ -1,8 +1,9 @@
 import { getCapHeight, precomputeValues } from '@capsizecss/core';
-import fontMetrics from '@capsizecss/metrics/inter';
+// @ts-ignore
+import fontMetrics from '@capsizecss/metrics/inter.js';
 import StyleDictionary from 'style-dictionary';
 
-import { isCapsize } from '../filters';
+import { isCapsize } from '../filters/index.ts';
 
 export const typographyToCapsize: StyleDictionary.Transform = {
   type: 'value',
diff --git a/design-system/primitives/transformers/utilities/alpha.test.ts b/design-system/primitives/transformers/utilities/alpha.test.ts
index a78eff769..9b7d01e56 100644
--- a/design-system/primitives/transformers/utilities/alpha.test.ts
+++ b/design-system/primitives/transformers/utilities/alpha.test.ts
@@ -1,4 +1,4 @@
-import { alpha } from './alpha';
+import { alpha } from './alpha.ts';
 import { expect, it, describe } from '@jest/globals';
 
 describe('Utilities: alpha', () => {
diff --git a/design-system/primitives/transformers/utilities/checkRequiredTokenProperties.test.ts b/design-system/primitives/transformers/utilities/checkRequiredTokenProperties.test.ts
index c343bf326..584485250 100644
--- a/design-system/primitives/transformers/utilities/checkRequiredTokenProperties.test.ts
+++ b/design-system/primitives/transformers/utilities/checkRequiredTokenProperties.test.ts
@@ -1,4 +1,4 @@
-import { checkRequiredTokenProperties } from './checkRequiredTokenProperties';
+import { checkRequiredTokenProperties } from './checkRequiredTokenProperties.ts';
 import { expect, it, describe } from '@jest/globals';
 
 describe('Utilities: checkRequiredTokenProperties', () => {
diff --git a/design-system/primitives/transformers/utilities/getTokenValue.test.ts b/design-system/primitives/transformers/utilities/getTokenValue.test.ts
index bfed475b5..20a3ca173 100644
--- a/design-system/primitives/transformers/utilities/getTokenValue.test.ts
+++ b/design-system/primitives/transformers/utilities/getTokenValue.test.ts
@@ -1,6 +1,6 @@
 import { expect, describe, it } from '@jest/globals';
-import { getMockToken } from '../../test-utilities';
-import { getTokenValue } from './getTokenValue';
+import { getMockToken } from '../../test-utilities/index.ts';
+import { getTokenValue } from './getTokenValue.ts';
 
 describe('Utilities: getTokenValue', () => {
   it('it retrieves the token value', () => {
diff --git a/design-system/primitives/transformers/utilities/getTokenValue.ts b/design-system/primitives/transformers/utilities/getTokenValue.ts
index 6b4e07c35..dc458ed56 100644
--- a/design-system/primitives/transformers/utilities/getTokenValue.ts
+++ b/design-system/primitives/transformers/utilities/getTokenValue.ts
@@ -3,7 +3,7 @@ import type StyleDictionary from 'style-dictionary';
 import {
   invalidTokenValueError,
   invalidTokenValuePropertyError,
-} from './invalidTokenError';
+} from './invalidTokenError.ts';
 
 export const getTokenValue = (
   token: StyleDictionary.TransformedToken,
diff --git a/design-system/primitives/transformers/utilities/invalidTokenError.test.ts b/design-system/primitives/transformers/utilities/invalidTokenError.test.ts
index d97fc4f8f..a7bf2ba62 100644
--- a/design-system/primitives/transformers/utilities/invalidTokenError.test.ts
+++ b/design-system/primitives/transformers/utilities/invalidTokenError.test.ts
@@ -1,5 +1,5 @@
-import { getMockToken } from '../../test-utilities';
-import { invalidTokenValueError } from './invalidTokenError';
+import { getMockToken } from '../../test-utilities/index.ts';
+import { invalidTokenValueError } from './invalidTokenError.ts';
 import { expect, it, describe } from '@jest/globals';
 
 describe('Utilities: invalidTokenValueError', () => {
diff --git a/design-system/primitives/transformers/utilities/invalidTokenError.ts b/design-system/primitives/transformers/utilities/invalidTokenError.ts
index b4fd08eca..75b82f940 100644
--- a/design-system/primitives/transformers/utilities/invalidTokenError.ts
+++ b/design-system/primitives/transformers/utilities/invalidTokenError.ts
@@ -1,6 +1,6 @@
 import type { TransformedToken } from 'style-dictionary';
 
-import { namePathToDotNotation } from '../namePathToDotNotation';
+import { namePathToDotNotation } from '../namePathToDotNotation.ts';
 
 const composeValueErrorMessage = (token: TransformedToken) => {
   return `Invalid token "${namePathToDotNotation.transformer(
diff --git a/design-system/primitives/tsconfig.json b/design-system/primitives/tsconfig.json
deleted file mode 100644
index b5808e167..000000000
--- a/design-system/primitives/tsconfig.json
+++ /dev/null
@@ -1,21 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "allowJs": true,
-    "esModuleInterop": true,
-    "forceConsistentCasingInFileNames": true,
-    "incremental": true,
-    "isolatedModules": true,
-    "jsx": "react",
-    "lib": ["ESNext", "dom"],
-    "module": "esnext",
-    "moduleResolution": "node",
-    "noEmit": true,
-    "resolveJsonModule": true,
-    "skipLibCheck": true,
-    "strict": true,
-    "target": "esnext"
-  },
-  "include": ["**/*.ts"],
-  "exclude": ["node_modules"]
-}
diff --git a/design-system/primitives/utilities/filenameFromPath.test.ts b/design-system/primitives/utilities/filenameFromPath.test.ts
index d784cdc9f..bab7f14ae 100644
--- a/design-system/primitives/utilities/filenameFromPath.test.ts
+++ b/design-system/primitives/utilities/filenameFromPath.test.ts
@@ -1,4 +1,4 @@
-import { filenameFromPath } from './filenameFromPath';
+import { filenameFromPath } from './filenameFromPath.ts';
 import { expect, it, describe } from '@jest/globals';
 
 describe('Utilities: filenameFromPath', () => {
diff --git a/design-system/primitives/utilities/index.ts b/design-system/primitives/utilities/index.ts
index cbdf9b1f7..4176bdccb 100644
--- a/design-system/primitives/utilities/index.ts
+++ b/design-system/primitives/utilities/index.ts
@@ -1,3 +1,3 @@
-export { filenameFromPath } from './filenameFromPath';
-export { toCamelCase } from './toCamelCase';
-export { upperCaseFirstCharacter } from './upperCaseFirstCharacter';
+export { filenameFromPath } from './filenameFromPath.ts';
+export { toCamelCase } from './toCamelCase.ts';
+export { upperCaseFirstCharacter } from './upperCaseFirstCharacter.ts';
diff --git a/design-system/primitives/utilities/toCamelCase.test.ts b/design-system/primitives/utilities/toCamelCase.test.ts
index 54d3b7bde..2fec49495 100644
--- a/design-system/primitives/utilities/toCamelCase.test.ts
+++ b/design-system/primitives/utilities/toCamelCase.test.ts
@@ -1,4 +1,4 @@
-import { toCamelCase } from './toCamelCase';
+import { toCamelCase } from './toCamelCase.ts';
 import { expect, it, describe } from '@jest/globals';
 
 describe('Utilities: toCamelCase', () => {
diff --git a/design-system/primitives/utilities/toCamelCase.ts b/design-system/primitives/utilities/toCamelCase.ts
index 5b9c9ce2b..f3555f615 100644
--- a/design-system/primitives/utilities/toCamelCase.ts
+++ b/design-system/primitives/utilities/toCamelCase.ts
@@ -1,4 +1,4 @@
-import { upperCaseFirstCharacter } from './upperCaseFirstCharacter';
+import { upperCaseFirstCharacter } from './upperCaseFirstCharacter.ts';
 
 export const toCamelCase = (string: string | string[]) => {
   if (!Array.isArray(string)) {
diff --git a/design-system/primitives/utilities/upperCaseFirstCharacter.test.ts b/design-system/primitives/utilities/upperCaseFirstCharacter.test.ts
index 649d79f7c..37bedf88e 100644
--- a/design-system/primitives/utilities/upperCaseFirstCharacter.test.ts
+++ b/design-system/primitives/utilities/upperCaseFirstCharacter.test.ts
@@ -1,5 +1,5 @@
 import { expect, describe, it } from '@jest/globals';
-import { upperCaseFirstCharacter } from './upperCaseFirstCharacter';
+import { upperCaseFirstCharacter } from './upperCaseFirstCharacter.ts';
 
 describe('Utilities: upperCaseFirstCharacter', () => {
   it('it transforms all lowercase word', () => {
diff --git a/dev-projects/next-app/package.json b/dev-projects/next-app/package.json
index 4ab86d94b..1ac71dbd4 100644
--- a/dev-projects/next-app/package.json
+++ b/dev-projects/next-app/package.json
@@ -26,7 +26,6 @@
     "@ts-gql/compiler": "^0.16.7",
     "@ts-gql/next": "^17.0.1",
     "next": "~16.3.0",
-    "tsx": "^4.8.2",
     "typescript": "^5.5.3",
     "wrangler": "^4.118.0"
   }
diff --git a/dev-projects/next-pages/package.json b/dev-projects/next-pages/package.json
index 3716a306a..90768a72a 100644
--- a/dev-projects/next-pages/package.json
+++ b/dev-projects/next-pages/package.json
@@ -23,7 +23,6 @@
     "@ts-gql/compiler": "^0.16.7",
     "@ts-gql/next": "^17.0.1",
     "next": "~15.1.10",
-    "tsx": "^4.8.2",
     "typescript": "^5.5.3"
   }
 }
diff --git a/package.json b/package.json
index 845df20fb..fdc776cce 100644
--- a/package.json
+++ b/package.json
@@ -27,7 +27,7 @@
     "eslint": "eslint .",
     "format": "prettier --write",
     "fresh": "npm run clean && pnpm install",
-    "postinstall": "preconstruct dev && manypkg check && tsx design-system/pkg/build-l10n.mts && cd packages/keystatic && pnpm run setup",
+    "postinstall": "preconstruct dev && manypkg check && node design-system/pkg/build-l10n.mts && cd packages/keystatic && pnpm run setup",
     "lint": "eslint --fix",
     "prettier": "prettier **/*.{ts,tsx}",
     "release": "pnpm build:packages && node scripts/prepare-publish.mjs && changeset publish",
@@ -74,7 +74,6 @@
     "prettier-plugin-packagejson": "^2.2.18",
     "react": "^19.2.8",
     "react-dom": "^19.2.8",
-    "tsx": "^4.8.2",
     "typescript": "^5.5.3"
   },
   "manypkg": {
diff --git a/packages/astro/package.json b/packages/astro/package.json
index 33d324330..0b4b57cc8 100644
--- a/packages/astro/package.json
+++ b/packages/astro/package.json
@@ -23,12 +23,6 @@
     "dist",
     "internal"
   ],
-  "scripts": {
-    "setup": "ts-gql build && tsx scripts/l10n.ts",
-    "build": "pnpm run setup && next build",
-    "dev": "next dev",
-    "start": "next start"
-  },
   "dependencies": {
     "@babel/runtime": "^7.18.3",
     "@types/react": "^19.0.8",
diff --git a/packages/keystatic/package.json b/packages/keystatic/package.json
index 4384c1780..8f163b23f 100644
--- a/packages/keystatic/package.json
+++ b/packages/keystatic/package.json
@@ -105,7 +105,7 @@
     "dist"
   ],
   "scripts": {
-    "setup": "ts-gql build && tsx scripts/l10n.ts && tsx scripts/build-prism.ts",
+    "setup": "ts-gql build && node scripts/l10n.ts && node scripts/build-prism.ts",
     "build": "pnpm run setup && next build",
     "dev": "next dev",
     "start": "next start"
@@ -200,7 +200,6 @@
     "resize-observer-polyfill": "^1.5.1",
     "signal-exit": "^3.0.7",
     "slate-hyperscript": "^0.77.0",
-    "tsx": "^4.8.2",
     "typescript": "^5.5.3"
   },
   "peerDependencies": {
diff --git a/packages/keystatic/scripts/build-prism.ts b/packages/keystatic/scripts/build-prism.ts
index 647916f4c..c2ee64c0b 100644
--- a/packages/keystatic/scripts/build-prism.ts
+++ b/packages/keystatic/scripts/build-prism.ts
@@ -48,7 +48,7 @@ const languages = [
       languages.map(lang =>
         fs.readFile(
           fileURLToPath(
-            import.meta.resolve(`prismjs/components/prism-${lang}`)
+            import.meta.resolve(`prismjs/components/prism-${lang}.js`)
           ),
           'utf8'
         )
diff --git a/packages/remix/package.json b/packages/remix/package.json
index 415ec5170..32407a29f 100644
--- a/packages/remix/package.json
+++ b/packages/remix/package.json
@@ -18,10 +18,6 @@
     "api",
     "ui"
   ],
-  "scripts": {
-    "setup": "ts-gql build && tsx scripts/l10n.ts",
-    "build": "pnpm run setup && next build"
-  },
   "dependencies": {
     "@babel/runtime": "^7.18.3",
     "@types/react": "^19.0.8"
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index ee239f254..43b9006f6 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -113,9 +113,6 @@ importers:
       react-dom:
         specifier: ^19.2.8
         version: 19.2.8(react@19.2.8)
-      tsx:
-        specifier: ^4.8.2
-        version: 4.8.2
       typescript:
         specifier: ^5.5.3
         version: 5.5.3
@@ -170,9 +167,6 @@ importers:
       react-dom:
         specifier: ^19.2.8
         version: 19.2.8(react@19.2.8)
-      tsx:
-        specifier: ^4.8.2
-        version: 4.8.2
       vercel:
         specifier: ^33.6.3
         version: 33.6.3(@swc/core@1.3.82(@swc/helpers@0.5.15))(supports-color@10.2.2)
@@ -348,9 +342,6 @@ importers:
       svgo:
         specifier: ^3.3.2
         version: 3.3.2
-      tsx:
-        specifier: ^4.8.2
-        version: 4.8.2
 
   design-system/primitives:
     dependencies:
@@ -391,9 +382,6 @@ importers:
       style-dictionary:
         specifier: ^3.8.0
         version: 3.8.0
-      tsx:
-        specifier: ^4.8.2
-        version: 4.8.2
       typescript:
         specifier: ^5.5.3
         version: 5.5.3
@@ -593,9 +581,6 @@ importers:
       next:
         specifier: ~16.3.0
         version: 16.3.0(@babel/core@7.23.5(supports-color@10.2.2))(@types/node@25.0.3)(babel-plugin-macros@3.1.0)(babel-plugin-react-compiler@0.0.0-experimental-938cd9a-20240601)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)
-      tsx:
-        specifier: ^4.8.2
-        version: 4.8.2
       typescript:
         specifier: ^5.5.3
         version: 5.5.3
@@ -694,9 +679,6 @@ importers:
       next:
         specifier: ~15.1.10
         version: 15.1.11(@babel/core@7.29.0(supports-color@10.2.2))(babel-plugin-macros@3.1.0)(babel-plugin-react-compiler@0.0.0-experimental-938cd9a-20240601)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)
-      tsx:
-        specifier: ^4.8.2
-        version: 4.8.2
       typescript:
         specifier: ^5.5.3
         version: 5.5.3
@@ -1151,9 +1133,6 @@ importers:
       slate-hyperscript:
         specifier: ^0.77.0
         version: 0.77.0(slate@0.91.4)
-      tsx:
-        specifier: ^4.8.2
-        version: 4.8.2
       typescript:
         specifier: ^5.5.3
         version: 5.5.3
@@ -32754,6 +32733,7 @@ snapshots:
       get-tsconfig: 4.7.3
     optionalDependencies:
       fsevents: 2.3.3
+    optional: true
 
   tty-browserify@0.0.1: {}
 
diff --git a/tsconfig.json b/tsconfig.json
index 283f079cf..5651e1d8b 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -2,6 +2,7 @@
   "compilerOptions": {
     "declaration": true,
     "downlevelIteration": true,
+    "allowImportingTsExtensions": true,
     "esModuleInterop": true,
     "forceConsistentCasingInFileNames": true,
     "isolatedModules": true,