🔧 [#445] Update configuration for typescript

The babel presets are no longer requires, since vite/esbuild takes care
of that. The module resolution and formatjs plugins are still necessary
since the tsconfig.json doesn't cover that.

When imports are converted to use the @/ prefix, we can drop the
module resolution plugin.

package.json

@@ -163,9 +163,9 @@
     "typescript": "^5.7.3",
     "typescript-eslint": "^8.25.0",
     "vite": "^6.0.11",
-    "vite-jsconfig-paths": "^2.0.1",
     "vite-plugin-eslint2": "^5.0.3",
     "vite-plugin-svgr": "^4.3.0",
+    "vite-tsconfig-paths": "^5.1.4",
     "vitest": "^3.0.3",
     "yargs": "^17.1.1"
   },
@@ -176,20 +176,6 @@
     "formiojs": "npm:@open-formulieren/formiojs@4.13.14"
   },
   "babel": {
-    "presets": [
-      [
-        "@babel/preset-env",
-        {
-          "modules": false
-        }
-      ],
-      [
-        "@babel/preset-react",
-        {
-          "runtime": "automatic"
-        }
-      ]
-    ],
     "plugins": [
       [
         "formatjs",

tsconfig.json

@@ -0,0 +1,27 @@
+{
+  "compilerOptions": {
+    "baseUrl": "src",
+    "outDir": "dist",
+    "module": "esnext",
+    "target": "ES2021",
+    "jsx": "react-jsx",
+    "declaration": true,
+    "moduleResolution": "node",
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "esModuleInterop": true,
+    "noImplicitReturns": true,
+    "noImplicitThis": true,
+    "noImplicitAny": true,
+    "strictBindCallApply": true,
+    "strictNullChecks": true,
+    "allowSyntheticDefaultImports": true,
+    "noErrorTruncation": true,
+    "paths": {
+      "@/*": ["./*"],
+      "@/sb-decorators": ["../.storybook/decorators.tsx"]
+    }
+  },
+  "include": ["src"],
+  "exclude": ["node_modules", "dist"]
+}

vite.config.mts

@@ -7,8 +7,8 @@ import react from '@vitejs/plugin-react';
 import path from 'path';
 import type {OutputOptions} from 'rollup';
 import {defineConfig, loadEnv} from 'vite';
-import jsconfigPaths from 'vite-jsconfig-paths';
 import eslint from 'vite-plugin-eslint2';
+import tsconfigPaths from 'vite-tsconfig-paths';
 import {coverageConfigDefaults} from 'vitest/config';
 
 import {cjsTokens, ejsPlugin} from './build/plugins.mjs';
@@ -126,7 +126,7 @@ export default defineConfig(({mode}) => {
       // they don't get transformed to inject the message ID. The solution is to rename the
       // file extension to .jsx/.tsx
       react({babel: {babelrc: true}}),
-      jsconfigPaths(),
+      tsconfigPaths(),
       eslint({
         build: true,
         emitErrorAsWarning: mode === 'development',