upgrade to @vanilla-extract/vite-plugin v4

.github/workflows/build_test_release.yml

@@ -31,6 +31,27 @@ jobs:
           name: playwright
           path: "**/.playwright/**"
 
+  special-test-on-windows:
+    runs-on: windows-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: ./.github/workflows/composites/install/
+      - run: pnpm --filter react-styled-factory test
+
+  special-test-on-ubuntu:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: ./.github/workflows/composites/install/
+      - run: pnpm --filter react-styled-factory test
+
+  special-test-on-macos:
+    runs-on: macos-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: ./.github/workflows/composites/install/
+      - run: pnpm --filter react-styled-factory test
+
   typecheck:
     runs-on: ubuntu-latest
     steps:

core/yas-build/package.json

@@ -4,19 +4,17 @@
   "private": true,
   "license": "MIT",
   "devDependencies": {
-    "@vanilla-extract/esbuild-plugin": "2.3.1",
-    "@vanilla-extract/vite-plugin": "3.9.2",
-    "@vanilla-extract/webpack-plugin": "2.3.1",
-    "@vitejs/plugin-react": "4.0.1",
+    "@vanilla-extract/vite-plugin": "4.0.4",
+    "@vanilla-extract/webpack-plugin": "2.3.6",
+    "@vitejs/plugin-react": "4.2.1",
     "@yas/env": "workspace:*",
-    "css-loader": "^6.8.1",
+    "css-loader": "6.10.0",
     "css-minimizer-webpack-plugin": "^5.0.1",
-    "esbuild-absolute-file-plugin": "workspace:*",
-    "file-loader": "^6.2.0",
-    "rollup-plugin-visualizer": "5.9.0",
-    "style-loader": "^3.3.3",
-    "tsup": "7.2.0",
-    "vite": "4.5.2",
-    "vite-plugin-checker": "^0.5.6"
+    "file-loader": "6.2.0",
+    "rollup-plugin-visualizer": "5.12.0",
+    "style-loader": "3.3.4",
+    "tsup": "8.0.2",
+    "vite": "5.1.1",
+    "vite-plugin-checker": "0.6.4"
   }
 }

core/yas-build/tsup.js

@@ -1,7 +1,6 @@
 const path = require("path");
 const { defineConfig } = require("tsup");
 const { defineEnv } = require("./defineEnv");
-const { esbuildVanillaExtractPlugin } = require("./vanillaExtractPlugin");
 
 /**
  * @param {string} projectRoot
@@ -15,7 +14,6 @@ function createYasTsupConfig(projectRoot = process.cwd(), options = {}) {
     dts: true,
     noExternal: internalPackages,
     define: defineEnv(projectRoot),
-    esbuildPlugins: [esbuildVanillaExtractPlugin()],
     esbuildOptions(options) {
       options.logOverride = {
         // We sometimes intentionally define NODE_ENV as undefined to allow the runtime to fall back to a default.

core/yas-build/vite.js

@@ -3,13 +3,13 @@ const react = require("@vitejs/plugin-react");
 const { visualizer } = require("rollup-plugin-visualizer");
 const { defineConfig } = require("vite");
 const { default: checker } = require("vite-plugin-checker");
+const { vanillaExtractPlugin } = require("@vanilla-extract/vite-plugin");
 const { defineEnv } = require("./defineEnv");
-const { viteVanillaExtractPlugin } = require("./vanillaExtractPlugin");
 
 function createYasViteConfig(projectRoot, { analyze } = {}) {
   return defineConfig({
     plugins: [
-      viteVanillaExtractPlugin(),
+      vanillaExtractPlugin(),
       react(),
       checker({ typescript: true }),
       determineVisualizerPlugin(analyze),

incubations/react-styled-factory/package.json

@@ -27,7 +27,6 @@
     "@yas/scripts": "workspace:*",
     "@types/react": "^18.2.37",
     "@vanilla-extract/recipes": "0.5.1",
-    "@vanilla-extract/vite-plugin": "3.9.2",
     "concurrently": "^8.2.1",
     "react": "^18.2.0"
   },

incubations/vanilla-extract-constrained/package.json

@@ -23,7 +23,6 @@
     "test:watch": "pnpm run test --ui"
   },
   "peerDependencies": {
-    "@vanilla-extract/vite-plugin": "^3.9.2",
     "@vanilla-extract/css": "^1.14.0"
   },
   "devDependencies": {

incubations/vanilla-extract-recipe-factory/package.json

@@ -20,7 +20,6 @@
     "@vanilla-extract/css": "^1.14.0"
   },
   "devDependencies": {
-    "@vanilla-extract/vite-plugin": "^3.9.2",
     "@yas/tsconfig": "workspace:*",
     "@yas/test": "workspace:*",
     "@yas/scripts": "workspace:*",

incubations/vanilla-extract-recipe-factory/vitest.config.mjs

@@ -1,6 +1,3 @@
 import { defineConfig } from "@yas/test/vitest/node/config";
-import { vanillaExtractPlugin } from "@vanilla-extract/vite-plugin";
 
-export default defineConfig(__dirname, {
-  plugins: [vanillaExtractPlugin()],
-});
+export default defineConfig(__dirname);