feat: upgrade vite to v8, vitest to v4, and update build configs

- Upgrade vite from v5 to v8.0.3 and vitest from v2 to v4
- Upgrade @vitejs/plugin-react to v6 for packages and playground
- Remove deprecated rollup interop options from all vite configs
- Externalize subpath imports in library builds for vite 8 compatibility
- Add CSS module type declarations (vite-env.d.ts) for core package
- Replace tsc --build with tsc to prevent parallel build race conditions
- Update xl-ai test snapshots for vitest 4 compatibility
- Update serve to 14.2.6 and fix dependency consistency

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: nperez0111

package.json

@@ -13,9 +13,9 @@
     "nx": "22.6.4",
     "prettier": "3.6.2",
     "prettier-plugin-tailwindcss": "^0.6.14",
-    "serve": "14.2.4",
+    "serve": "14.2.6",
     "typescript": "^5.9.3",
-    "vitest": "^2.1.9",
+    "vitest": "^4.1.2",
     "wait-on": "8.0.3"
   },
   "pnpm": {

packages/ariakit/package.json

@@ -63,16 +63,16 @@
   "devDependencies": {
     "@types/react": "^19.2.3",
     "@types/react-dom": "^19.2.3",
-    "@vitejs/plugin-react": "^4.7.0",
+    "@vitejs/plugin-react": "^6.0.1",
     "eslint": "^8.57.1",
     "react": "^19.2.3",
     "react-dom": "^19.2.3",
     "rimraf": "^5.0.10",
     "rollup-plugin-webpack-stats": "^0.2.6",
     "typescript": "^5.9.3",
-    "vite": "^5.4.20",
+    "vite": "^8.0.3",
     "vite-plugin-eslint": "^1.8.1",
-    "vite-plugin-externalize-deps": "^0.8.0"
+    "vite-plugin-externalize-deps": "^0.10.0"
   },
   "peerDependencies": {
     "react": "^18.0 || ^19.0 || >= 19.0.0-rc",

packages/ariakit/vite.config.ts

@@ -16,7 +16,13 @@ export default defineConfig((conf) => ({
   resolve: {
     alias:
       conf.command === "build"
-        ? ({} as Record<string, string>)
+        ? ({
+            // Vite 8's postcss-import can't resolve bare package specifiers in CSS @import
+            "@blocknote/react/style.css": path.resolve(
+              __dirname,
+              "../react/dist/style.css"
+            ),
+          } as Record<string, string>)
         : ({
             // load live from sources with live reload working
             "@blocknote/core": path.resolve(__dirname, "../core/src/"),
@@ -30,6 +36,7 @@ export default defineConfig((conf) => ({
         "blocknote-ariakit": path.resolve(__dirname, "src/index.tsx"),
       },
       name: "blocknote-ariakit",
+      cssFileName: "style",
       formats: ["es", "cjs"],
       fileName: (format, entryName) =>
         format === "es" ? `${entryName}.js` : `${entryName}.cjs`,
@@ -43,7 +50,7 @@ export default defineConfig((conf) => ({
             ...pkg.dependencies,
             ...((pkg as any).peerDependencies || {}),
             ...pkg.devDependencies,
-          }).includes(source)
+          }).some((dep) => source === dep || source.startsWith(dep + "/"))
         ) {
           return true;
         }
@@ -64,7 +71,6 @@ export default defineConfig((conf) => ({
           react: "React",
           "react-dom": "ReactDOM",
         },
-        interop: "compat", // https://rollupjs.org/migration/#changed-defaults
       },
     },
   },

packages/code-block/package.json

@@ -60,9 +60,9 @@
     "eslint": "^8.57.1",
     "rollup-plugin-webpack-stats": "^0.2.6",
     "typescript": "^5.9.3",
-    "vite": "^5.4.20",
+    "vite": "^8.0.3",
     "vite-plugin-eslint": "^1.8.1",
-    "vitest": "^2.1.9"
+    "vitest": "^4.1.2"
   },
   "peerDependencies": {
     "@blocknote/core": "0.47.3"

packages/code-block/vite.config.ts

@@ -41,7 +41,7 @@ export default defineConfig((conf) => ({
             ...pkg.dependencies,
             ...((pkg as any).peerDependencies || {}),
             ...pkg.devDependencies,
-          }).includes(source)
+          }).some((dep) => source === dep || source.startsWith(dep + "/"))
         ) {
           return true;
         }
@@ -59,7 +59,6 @@ export default defineConfig((conf) => ({
         // Provide global variables to use in the UMD build
         // for externalized deps
         globals: {},
-        interop: "compat", // https://rollupjs.org/migration/#changed-defaults
       },
     },
   },

packages/core/package.json

@@ -138,9 +138,9 @@
     "rimraf": "^5.0.10",
     "rollup-plugin-webpack-stats": "^0.2.6",
     "typescript": "^5.9.3",
-    "vite": "^5.4.20",
+    "vite": "^8.0.3",
     "vite-plugin-eslint": "^1.8.1",
-    "vitest": "^2.1.9"
+    "vitest": "^4.1.2"
   },
   "eslintConfig": {
     "extends": [

packages/core/src/index.ts

@@ -29,7 +29,7 @@ export type { CodeBlockOptions } from "./blocks/Code/block.js";
 export { assertEmpty, UnreachableCaseError } from "./util/typescript.js";
 
 export * from "./util/EventEmitter.js";
-// for testing from react (TODO: move):
+// for testing from react (TODO: move)
 // Unit testing
 export { selectedFragmentToHTML } from "./api/clipboard/toClipboard/copyExtension.js";
 

packages/core/src/vite-env.d.ts

@@ -1 +1,7 @@
 /// <reference types="vite/client" />
+
+declare const process: {
+  env: {
+    NODE_ENV: string;
+  };
+};

packages/core/vite.config.ts

@@ -23,6 +23,7 @@ export default defineConfig({
         yjs: path.resolve(__dirname, "src/yjs/index.ts"),
       },
       name: "blocknote",
+      cssFileName: "style",
       formats: ["es", "cjs"],
       fileName: (format, entryName) =>
         format === "es" ? `${entryName}.js` : `${entryName}.cjs`,
@@ -36,7 +37,7 @@ export default defineConfig({
             ...pkg.dependencies,
             ...((pkg as any).peerDependencies || {}),
             ...pkg.devDependencies,
-          }).includes(source)
+          }).some((dep) => source === dep || source.startsWith(dep + "/"))
         ) {
           return true;
         }
@@ -54,7 +55,6 @@ export default defineConfig({
         // Provide global variables to use in the UMD build
         // for externalized deps
         globals: {},
-        interop: "compat", // https://rollupjs.org/migration/#changed-defaults
       },
     },
   },

packages/mantine/package.json

@@ -68,16 +68,16 @@
   "devDependencies": {
     "@types/react": "^19.2.3",
     "@types/react-dom": "^19.2.3",
-    "@vitejs/plugin-react": "^4.7.0",
+    "@vitejs/plugin-react": "^6.0.1",
     "eslint": "^8.57.1",
     "react": "^19.2.3",
     "react-dom": "^19.2.3",
     "rimraf": "^5.0.10",
     "rollup-plugin-webpack-stats": "^0.2.6",
     "typescript": "^5.9.3",
-    "vite": "^5.4.20",
+    "vite": "^8.0.3",
     "vite-plugin-eslint": "^1.8.1",
-    "vite-plugin-externalize-deps": "^0.8.0"
+    "vite-plugin-externalize-deps": "^0.10.0"
   },
   "peerDependencies": {
     "@mantine/core": "^8.3.11",