deps(ui): Upgrade to typescript 6, bump tsgo

knip.config.ts

@@ -68,13 +68,12 @@ const config: KnipConfig = {
   ignoreExportsUsedInFile: isProductionMode,
   ignoreDependencies: [
     'core-js',
+    'tslib', // subdependency of many packages, declare the latest version
     'jest-environment-jsdom', // used as testEnvironment in jest config
     'swc-plugin-component-annotate', // used in rspack config, needs better knip plugin
     '@swc/plugin-emotion', // used in rspack config, needs better knip plugin
     'buffer', // rspack.ProvidePlugin, needs better knip plugin
     'process', // rspack.ProvidePlugin, needs better knip plugin
-    '@types/webpack-env', // needed to make require.context work
-    '@types/gtag.js', // needed for global `gtag` namespace typings
     '@babel/preset-env', // Still used in jest
     '@babel/preset-react', // Still used in jest
     '@babel/preset-typescript', // Still used in jest

package.json

@@ -224,7 +224,6 @@
     "ts-checker-rspack-plugin": "1.2.6",
     "tslib": "^2.8.1",
     "type-fest": "^5.2.0",
-    "typescript": "5.9.3",
     "zod": "^4.3.5",
     "zrender": "6.0.0",
     "zxcvbn": "^4.4.2"
@@ -250,7 +249,7 @@
     "@types/node": "^22.9.1",
     "@typescript-eslint/rule-tester": "8.58.0",
     "@typescript-eslint/utils": "8.58.0",
-    "@typescript/native-preview": "7.0.0-dev.20260112.1",
+    "@typescript/native-preview": "7.0.0-dev.20260401.1",
     "@volar/typescript": "^2.4.28",
     "babel-jest": "30.3.0",
     "eslint": "9.34.0",
@@ -285,6 +284,7 @@
     "stylelint": "16.10.0",
     "stylelint-config-recommended": "^14.0.1",
     "terser": "5.40.0",
+    "typescript": "6.0.2",
     "typescript-eslint": "8.58.0"
   },
   "optionalDependencies": {

static/app/components/carousel.spec.tsx

@@ -10,6 +10,7 @@ describe('Carousel', () => {
   window.IntersectionObserver = class IntersectionObserver {
     root = null;
     rootMargin = '';
+    scrollMargin = '';
     thresholds = [];
     takeRecords = jest.fn();
 

static/app/components/scrollCarousel.spec.tsx

@@ -10,6 +10,7 @@ describe('ScrollCarousel', () => {
   window.IntersectionObserver = class IntersectionObserver {
     root = null;
     rootMargin = '';
+    scrollMargin = '';
     thresholds = [];
     takeRecords = jest.fn();
 

static/app/types/fileLoader.d.ts

@@ -1,6 +1,7 @@
 // Reference: https://github.com/Microsoft/TypeScript-React-Starter/issues/12#issuecomment-327860151
 // TS compatibility for https://github.com/webpack-contrib/file-loader
 
+declare module '*.css';
 declare module '*.png';
 declare module '*.gif';
 declare module '*.jpg';

tests/js/setup.ts

@@ -356,6 +356,7 @@ Object.defineProperty(window, 'matchMedia', {
 window.IntersectionObserver = class IntersectionObserver {
   root = null;
   rootMargin = '';
+  scrollMargin = '';
   thresholds = [];
   takeRecords = jest.fn();
 

tsconfig.json

@@ -14,6 +14,9 @@
     // Skip type checking of all declaration files
     "skipLibCheck": true,
 
+    // Explicitly list which @types/* packages to include as global types
+    "types": ["gtag.js", "jest", "node", "webpack-env"],
+
     // We do not actually use tsc to output any JavaScript anywhere
     "noEmit": true,
 
@@ -23,7 +26,6 @@
     "jsxImportSource": "@emotion/react",
 
     // Type checking specific options
-    "alwaysStrict": false,
     "noFallthroughCasesInSwitch": true,
     "noImplicitAny": true,
     "noImplicitReturns": true,
@@ -35,19 +37,9 @@
     "strictBindCallApply": false,
     "useUnknownInCatchVariables": true,
 
-    // Emit configuration
-    "declaration": false,
-    "declarationMap": false,
-    "downlevelIteration": true,
-    "importHelpers": true,
-    "inlineSources": false,
-    "noEmitHelpers": true,
-    "sourceMap": true,
     "pretty": false,
-    "allowJs": true,
     "checkJs": true,
 
-    "esModuleInterop": true,
     "experimentalDecorators": false,
     "resolveJsonModule": true,
     "verbatimModuleSyntax": true,