fix: update React Compiler setup for @vitejs/plugin-react v6

- Switch from deprecated babel config to @rolldown/plugin-babel + reactCompilerPreset()
- Add @rolldown/plugin-babel@^0.2.1 to catalog and devDependencies
- Add @types/babel__core for proper type resolution in pnpm workspaces

Author: EhabY

package.json

@@ -489,6 +489,7 @@
 		"@eslint-react/eslint-plugin": "^2.13.0",
 		"@eslint/js": "^10.0.1",
 		"@eslint/markdown": "^7.5.1",
+		"@rolldown/plugin-babel": "catalog:",
 		"@tanstack/react-query": "catalog:",
 		"@testing-library/jest-dom": "^6.9.1",
 		"@testing-library/react": "^16.3.2",

packages/tasks/package.json

@@ -20,6 +20,7 @@
 		"react-dom": "catalog:"
 	},
 	"devDependencies": {
+		"@rolldown/plugin-babel": "catalog:",
 		"@types/react": "catalog:",
 		"@types/react-dom": "catalog:",
 		"@vitejs/plugin-react": "catalog:",

packages/webview-shared/createWebviewConfig.ts

@@ -1,4 +1,5 @@
-import react from "@vitejs/plugin-react";
+import babel from "@rolldown/plugin-babel";
+import react, { reactCompilerPreset } from "@vitejs/plugin-react";
 import { resolve } from "node:path";
 import { defineConfig, type UserConfig } from "vite";
 
@@ -16,13 +17,7 @@ export function createWebviewConfig(
 	return defineConfig({
 		// Use relative URLs for assets (fonts, etc.) in CSS
 		base: "./",
-		plugins: [
-			react({
-				babel: {
-					plugins: [["babel-plugin-react-compiler", {}]],
-				},
-			}),
-		],
+		plugins: [react(), babel({ presets: [reactCompilerPreset()] })],
 		build: {
 			outDir: resolve(dirname, `../../dist/webviews/${webviewName}`),
 			emptyOutDir: true,

packages/webview-shared/package.json

@@ -41,6 +41,7 @@
 		}
 	},
 	"devDependencies": {
+		"@types/babel__core": "^7.20.5",
 		"@types/react": "catalog:",
 		"@types/vscode-webview": "catalog:",
 		"@vscode-elements/react-elements": "catalog:",