Bump vite to 5.4.14

apps/css-workshop/package.json

@@ -17,11 +17,12 @@
     "dev": "astro dev",
     "start": "astro dev",
     "build": "astro build",
-    "preview": "astro preview --host",
+    "preview": "npx -y serve dist --listen 3050 -L",
     "clean": "rimraf dist && rimraf node_modules && rimraf .turbo",
     "approve": "backstop --config=./backstop/backstop.cjs approve",
     "test:only": "backstop --config=./backstop/backstop.cjs test --docker",
-    "test": "npm-run-all -p -r \"preview\" \"test:only {1}\" --"
+    "test:only:wait-for-preview": "npx -y wait-on http://localhost:3050 && pnpm run test:only",
+    "test": "npm-run-all -p -r \"preview\" \"test:only:wait-for-preview {1}\" --"
   },
   "prettier": "configs/prettier-astro-config.js"
 }

packages/itwinui-react/package.json

@@ -128,7 +128,7 @@
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
     "typescript": "5",
-    "vite": "~5.1.8",
+    "vite": "~5.4.14",
     "vitest": "^1.2.1"
   },
   "peerDependencies": {

packages/itwinui-react/src/styles.js/vite.config.mjs

@@ -35,6 +35,18 @@ export default defineConfig({
     },
   },
   plugins: [
+    // https://github.com/vitejs/vite/pull/16051#issuecomment-2076616816
+    {
+      name: 'css-module-side-effectful',
+      enforce: 'post',
+      transform(_, id) {
+        if (id.endsWith('.module.css')) {
+          return {
+            moduleSideEffects: 'no-treeshake',
+          };
+        }
+      },
+    },
     {
       name: 'copy-files-after-build',
       closeBundle: async () => {