chore(tsconfig): update config target and module detection (#4054)

* chore(tsconfig): update config target and module detection

* refactor(types): move to explicit type re-exports

* chore(project): replace ts-node for tsx to work with new tsconfig

* chore(deps): update color2k for type declarations

* chore: update build script to use package.json script

---------

Co-authored-by: Josh Black <[email protected]>
Co-authored-by: Mike Perrotti <[email protected]>

Author: joshblack

package-lock.json

@@ -48,7 +48,7 @@
     "build:docs": "NODE_OPTIONS=--openssl-legacy-provider script/build-docs",
     "build:docs:preview": "NODE_OPTIONS=--openssl-legacy-provider script/build-docs preview",
     "build:storybook:visual-testing": "storybook build",
-    "build:components.json": "ts-node script/components-json/build",
+    "build:components.json": "tsx script/components-json/build.ts",
     "install:docs": "(cd docs && npm install --legacy-peer-deps)",
     "lint": "eslint '**/*.{js,ts,tsx,md,mdx}' --max-warnings=0",
     "lint:fix": "npm run lint -- --fix",
@@ -112,7 +112,7 @@
     "@types/styled-system__css": "^5.0.16",
     "@types/styled-system__theme-get": "^5.0.1",
     "clsx": "^1.2.1",
-    "color2k": "^2.0.0",
+    "color2k": "^2.0.3",
     "deepmerge": "^4.2.2",
     "focus-visible": "^5.2.0",
     "fzy.js": "^0.4.1",
@@ -256,8 +256,8 @@
     "storybook-addon-turbo-build": "2.0.1",
     "styled-components": "5.3.11",
     "terser": "5.17.6",
-    "ts-node": "10.9.2",
     "ts-toolbelt": "9.6.0",
+    "tsx": "4.6.2",
     "typescript": "5.2.2",
     "typescript-plugin-css-modules": "5.0.2",
     "unist-util-find": "3.0.0",

package.json

@@ -18,4 +18,4 @@ npx copyfiles -u 1 "./lib/**/*.d.ts" ./lib-esm
 npx copyfiles --flat ./lib/components.css ./css
 
 # Build components.json file for documentation
-npx ts-node script/components-json/build
+npm run build:components.json

script/build

@@ -1 +1,2 @@
-export {default, SelectProps} from './Select'
+export {default} from './Select'
+export type {SelectProps} from './Select'

src/Select/index.ts

@@ -1 +1,2 @@
-export {default, UnderlineNavProps, UnderlineNavLinkProps} from './UnderlineNav'
+export {default} from './UnderlineNav'
+export type {UnderlineNavProps, UnderlineNavLinkProps} from './UnderlineNav'

src/deprecated/UnderlineNav/index.ts

@@ -1,7 +1,7 @@
 {
   "compilerOptions": {
-    "target": "esnext",
-    "module": "commonjs",
+    "target": "ESNext",
+    "module": "ESNext",
     "allowJs": true,
     "checkJs": false,
     "jsx": "preserve",
@@ -15,7 +15,9 @@
     "forceConsistentCasingInFileNames": true,
     "resolveJsonModule": true,
     "typeRoots": ["./node_modules/@types", "./@types"],
-    "plugins": [{"name": "typescript-plugin-css-modules"}]
+    "plugins": [{"name": "typescript-plugin-css-modules"}],
+    "isolatedModules": true,
+    "moduleDetection": "force"
   },
   "include": [
     "@types/**/*.ts",