test: remove deprecation warnings

playground/package.json

@@ -2,6 +2,7 @@
   "name": "@vitejs/vite-playground",
   "private": true,
   "version": "1.0.0",
+  "type": "module",
   "devDependencies": {
     "@types/node": "^22.5.1",
     "convert-source-map": "^2.0.0",

playground/tailwind/package.json

@@ -2,6 +2,7 @@
   "name": "@vitejs/test-tailwind",
   "private": true,
   "version": "0.0.0",
+  "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",

playground/tailwind/postcss.config.ts → playground/tailwind/postcss.config.cts

@@ -1,4 +1,3 @@
-// postcss.config.ts
 module.exports = {
   plugins: {
     tailwindcss: { config: __dirname + '/tailwind.config.js' },

playground/vue-asset-base/package.json

@@ -2,6 +2,7 @@
   "name": "@vitejs/test-vue-server-origin",
   "private": true,
   "version": "0.0.0",
+  "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",

playground/vue-jsx/package.json

@@ -2,6 +2,7 @@
   "name": "@vitejs/test-vue-jsx",
   "private": true,
   "version": "0.0.0",
+  "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",

playground/vue-jsx/vite.config.js

@@ -1,10 +1,8 @@
-const vueJsxPlugin = require('@vitejs/plugin-vue-jsx')
-const vuePlugin = require('@vitejs/plugin-vue')
+import { defineConfig } from 'vite'
+import vueJsxPlugin from '@vitejs/plugin-vue-jsx'
+import vuePlugin from '@vitejs/plugin-vue'
 
-/**
- * @type {import('vite').UserConfig}
- */
-module.exports = {
+export default defineConfig({
   plugins: [
     vueJsxPlugin({
       include: [/\.tesx$/, /\.[jt]sx$/],
@@ -39,4 +37,4 @@ export default defineComponent(() => {
   optimizeDeps: {
     disabled: true,
   },
-}
+})

playground/vue-legacy/package.json

@@ -2,6 +2,7 @@
   "name": "@vitejs/test-vue-legacy",
   "private": true,
   "version": "0.0.0",
+  "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",

playground/vue-lib/package.json

@@ -2,6 +2,7 @@
   "name": "@vitejs/test-vue-lib",
   "private": true,
   "version": "0.0.0",
+  "type": "module",
   "scripts": {
     "dev-consumer": "vite --config ./vite.config.consumer.ts",
     "build-lib": "vite build --config ./vite.config.lib.ts",

playground/vue-server-origin/package.json

@@ -2,6 +2,7 @@
   "name": "@vitejs/test-vue-server-origin",
   "private": true,
   "version": "0.0.0",
+  "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",

playground/vue-sourcemap/SassWithImport.vue

@@ -4,7 +4,7 @@
 </template>
 
 <style lang="sass">
-@import './sassWithImportImported'
+@use './sassWithImportImported'
 
 .sass-with-import
   color: red

playground/vue-sourcemap/__tests__/__snapshots__/vue-sourcemap.spec.ts.snap

@@ -268,7 +268,7 @@ exports[`serve:vue-sourcemap > sass with import > serve-sass-with-import 1`] = `
 </template>
 
 <style lang="sass">
-@import './sassWithImportImported'
+@use './sassWithImportImported'
 
 .sass-with-import
   color: red
@@ -308,7 +308,7 @@ exports[`serve:vue-sourcemap > src imported sass > serve-src-imported-sass 1`] =
     ".src-import-sass-imported
   color: red
 ",
-    "@import './src-import-imported'
+    "@use './src-import-imported'
 
 .src-import-sass
   color: red

playground/vue-sourcemap/package.json

@@ -2,6 +2,7 @@
   "name": "@vitejs/test-vue-sourcemap",
   "private": true,
   "version": "0.0.0",
+  "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",

playground/vue-sourcemap/postcss.config.js

@@ -1,3 +1,5 @@
-module.exports = {
-  plugins: [require('postcss-nested')],
+import postcssNested from 'postcss-nested'
+
+export default {
+  plugins: [postcssNested],
 }

playground/vue-sourcemap/src-import/src-import.sass

@@ -1,4 +1,4 @@
-@import './src-import-imported'
+@use './src-import-imported'
 
 .src-import-sass
   color: red

playground/vue/package.json

@@ -2,6 +2,7 @@
   "name": "@vitejs/test-vue",
   "private": true,
   "version": "0.0.0",
+  "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",