Update to Vite 7 (#35598)

package.json

@@ -51,8 +51,8 @@
     "@react-spring/web": "^9.7.5",
     "@reduxjs/toolkit": "^2.0.1",
     "@use-gesture/react": "^10.3.1",
-    "@vitejs/plugin-legacy": "^6.1.1",
-    "@vitejs/plugin-react": "^4.2.1",
+    "@vitejs/plugin-legacy": "^7.2.1",
+    "@vitejs/plugin-react": "^5.0.0",
     "arrow-key-navigation": "^1.2.0",
     "async-mutex": "^0.5.0",
     "axios": "^1.4.0",
@@ -108,7 +108,7 @@
     "regenerator-runtime": "^0.14.0",
     "requestidlecallback": "^0.3.0",
     "rollup-plugin-gzip": "^4.1.1",
-    "rollup-plugin-visualizer": "^6.0.0",
+    "rollup-plugin-visualizer": "^6.0.3",
     "sass": "^1.62.1",
     "stacktrace-js": "^2.0.2",
     "stringz": "^2.1.0",
@@ -117,27 +117,27 @@
     "tiny-queue": "^0.2.1",
     "twitter-text": "3.1.0",
     "use-debounce": "^10.0.0",
-    "vite": "^6.3.5",
+    "vite": "^7.1.1",
     "vite-plugin-manifest-sri": "^0.2.0",
-    "vite-plugin-pwa": "^1.0.0",
-    "vite-plugin-static-copy": "^3.1.0",
+    "vite-plugin-pwa": "^1.0.2",
+    "vite-plugin-static-copy": "^3.1.1",
     "vite-plugin-svgr": "^4.3.0",
     "vite-tsconfig-paths": "^5.1.4",
     "wicg-inert": "^3.1.2",
-    "workbox-expiration": "^7.0.0",
-    "workbox-routing": "^7.0.0",
-    "workbox-strategies": "^7.0.0",
-    "workbox-window": "^7.0.0"
+    "workbox-expiration": "^7.3.0",
+    "workbox-routing": "^7.3.0",
+    "workbox-strategies": "^7.3.0",
+    "workbox-window": "^7.3.0"
   },
   "devDependencies": {
     "@eslint/js": "^9.23.0",
     "@formatjs/cli": "^6.1.1",
-    "@storybook/addon-a11y": "^9.0.4",
-    "@storybook/addon-docs": "^9.0.4",
-    "@storybook/addon-vitest": "^9.0.4",
-    "@storybook/react-vite": "^9.0.4",
-    "@testing-library/dom": "^10.2.0",
-    "@testing-library/react": "^16.0.0",
+    "@storybook/addon-a11y": "^9.1.1",
+    "@storybook/addon-docs": "^9.1.1",
+    "@storybook/addon-vitest": "^9.1.1",
+    "@storybook/react-vite": "^9.1.1",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/react": "^16.3.0",
     "@types/debug": "^4",
     "@types/emoji-mart": "3.0.14",
     "@types/escape-html": "^1.0.2",
@@ -162,10 +162,10 @@
     "@types/react-toggle": "^4.0.3",
     "@types/redux-immutable": "^4.0.3",
     "@types/requestidlecallback": "^0.3.5",
-    "@vitest/browser": "^3.2.1",
-    "@vitest/coverage-v8": "^3.2.0",
-    "@vitest/ui": "^3.2.1",
-    "chromatic": "^13.0.0",
+    "@vitest/browser": "^3.2.4",
+    "@vitest/coverage-v8": "^3.2.4",
+    "@vitest/ui": "^3.2.4",
+    "chromatic": "^13.1.3",
     "eslint": "^9.23.0",
     "eslint-import-resolver-typescript": "^4.2.5",
     "eslint-plugin-formatjs": "^5.3.1",
@@ -185,19 +185,18 @@
     "playwright": "^1.54.1",
     "prettier": "^3.3.3",
     "react-test-renderer": "^18.2.0",
-    "storybook": "^9.0.4",
+    "storybook": "^9.1.1",
     "stylelint": "^16.19.1",
     "stylelint-config-prettier-scss": "^1.0.0",
     "stylelint-config-standard-scss": "^15.0.1",
     "typescript": "~5.7.3",
     "typescript-eslint": "^8.29.1",
-    "vitest": "^3.2.1"
+    "vitest": "^3.2.4"
   },
   "resolutions": {
     "@types/react": "^18.2.7",
     "@types/react-dom": "^18.2.4",
-    "kind-of": "^6.0.3",
-    "vite": "^6.3.5"
+    "kind-of": "^6.0.3"
   },
   "peerDependenciesMeta": {
     "react": {

vite.config.mts

@@ -73,6 +73,7 @@ export const config: UserConfigFnPromise = async ({ mode, command }) => {
       port: 3036,
     },
     build: {
+      target: 'modules',
       commonjsOptions: { transformMixedEsModules: true },
       chunkSizeWarningLimit: 1 * 1024 * 1024, // 1MB
       sourcemap: true,