chore: bump vite version to 7 (#7587)

#### What type of PR is this?

/area ui
/milestone 2.21.x

#### What this PR does / why we need it:

Bump vite version to [7.0.0](https://github.com/vitejs/rolldown-vite/blob/v7.0.0/packages/vite/CHANGELOG.md#700-2025-06-24)

#### Does this PR introduce a user-facing change?

```release-note
None
```

ui/package.json

@@ -126,8 +126,8 @@
     "@types/randomstring": "^1.1.8",
     "@types/ua-parser-js": "^0.7.39",
     "@typescript/native-preview": "7.0.0-dev.20250619.1",
-    "@vitejs/plugin-vue": "^5.2.4",
-    "@vitejs/plugin-vue-jsx": "^4.2.0",
+    "@vitejs/plugin-vue": "^6.0.0",
+    "@vitejs/plugin-vue-jsx": "^5.0.0",
     "@vitest/ui": "^3.1.4",
     "@vue/compiler-sfc": "^3.5.16",
     "@vue/eslint-config-prettier": "^7.1.0",
@@ -158,7 +158,7 @@
     "tsdown": "^0.12.8",
     "typescript": "~5.8.0",
     "unplugin-icons": "^22.1.0",
-    "vite": "^6.0.3",
+    "vite": "^7.0.0",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-externals": "^0.6.2",
     "vite-plugin-html": "^3.2.2",
@@ -170,7 +170,7 @@
   "packageManager": "pnpm@9.15.0+sha512.76e2379760a4328ec4415815bcd6628dee727af3779aaa4c914e3944156c4299921a89f976381ee107d41f12cfa4b66681ca9c718f0668fa0831ed4c6d8ba56c",
   "pnpm": {
     "overrides": {
-      "vite": "npm:rolldown-vite@6.3.21"
+      "vite": "npm:rolldown-vite@7.0.0"
     }
   }
 }

ui/packages/ui-plugin-bundler-kit/package.json

@@ -35,8 +35,8 @@
   "peerDependencies": {
     "@rsbuild/core": "^1.0.0",
     "@rsbuild/plugin-vue": "^1.0.0",
-    "@vitejs/plugin-vue": "^4.0.0 || ^5.0.0",
-    "vite": "^4.0.0 || ^5.0.0 || ^6.0.0"
+    "@vitejs/plugin-vue": "^5.0.0 || ^6.0.0",
+    "vite": "^5.0.0 || ^6.0.0 || ^7.0.0"
   },
   "engines": {
     "node": "^18.0.0 || >=20.0.0"

ui/packages/ui-plugin-bundler-kit/src/vite.ts

@@ -44,6 +44,7 @@ function createVitePresetsConfig(manifestPath: string) {
           name: manifest.metadata.name,
           formats: ["iife"],
           fileName: () => "main.js",
+          cssFileName: "style",
         },
         rollupOptions: {
           external: EXTERNALS,