Bump Vite & Vitest (major) (#46965)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Brijesh Bittu <[email protected]>

Author: renovate[bot]

apps/pigment-css-vite-app/package.json

@@ -31,10 +31,10 @@
     "@types/react": "^19.1.13",
     "@types/react-dom": "^19.1.9",
     "@types/webfontloader": "^1.6.38",
-    "@vitejs/plugin-react": "^4.7.0",
+    "@vitejs/plugin-react": "^5.0.4",
     "postcss": "^8.5.6",
     "postcss-combine-media-query": "^2.0.0",
-    "vite": "5.4.20",
+    "vite": "7.1.9",
     "vite-plugin-node-polyfills": "0.24.0",
     "vite-plugin-pages": "^0.33.1"
   },

apps/pigment-css-vite-app/vite.config.ts

@@ -1,12 +1,12 @@
-import { defineConfig, splitVendorChunkPlugin } from 'vite';
+import { defineConfig } from 'vite';
 import reactPlugin from '@vitejs/plugin-react';
 import Pages from 'vite-plugin-pages';
 import { nodePolyfills } from 'vite-plugin-node-polyfills';
 import { pigment } from '@pigment-css/vite-plugin';
 import { extendTheme } from '@mui/material/styles';
 
 const theme = extendTheme({
-  getSelector: function getSelector(colorScheme, css) {
+  getSelector: function getSelector(colorScheme: string, css: string) {
     if (colorScheme) {
       return {
         [`@media (prefers-color-scheme: ${colorScheme})`]: {
@@ -43,10 +43,27 @@ export default defineConfig({
       sourceMap: true,
       displayName: true,
     }),
-    splitVendorChunkPlugin(),
     Pages({
       exclude: ['**/*.test.*'],
     }),
     nodePolyfills(),
   ],
+  build: {
+    rollupOptions: {
+      output: {
+        manualChunks: {
+          mui: [
+            '@mui/base',
+            '@mui/icons-material',
+            '@mui/lab',
+            '@mui/material',
+            '@mui/system',
+            '@mui/utils',
+          ],
+          react: ['react', 'react-dom', 'react-error-boundary', 'react-router-dom'],
+          vendor: ['clsx'],
+        },
+      },
+    },
+  },
 });

package.json

@@ -128,7 +128,7 @@
     "@types/node": "^20.19.19",
     "@types/react": "^19.1.13",
     "@types/yargs": "^17.0.33",
-    "@vitejs/plugin-react": "^4.7.0",
+    "@vitejs/plugin-react": "^5.0.4",
     "@vitest/browser": "^3.2.4",
     "@vitest/coverage-v8": "^3.2.4",
     "@vvago/vale": "^3.12.0",
@@ -178,7 +178,7 @@
     "tsconfig-paths-webpack-plugin": "^4.2.0",
     "tsx": "^4.20.4",
     "typescript": "^5.9.2",
-    "vite": "^6.3.6",
+    "vite": "^7.1.9",
     "vitest": "^3.2.4",
     "vitest-fail-on-console": "^0.10.1",
     "webpack": "^5.101.3",