Update site deps (#1675)

Author: askoufis

.github/workflows/validate.yml

@@ -31,7 +31,7 @@ jobs:
         run: pnpm install
 
       - name: Build
-        run: pnpm build && node ./site/makeDocsManifest
+        run: pnpm build && pnpm --filter "./site" generate:docs-manifest
 
       - name: Lint
         run: pnpm lint

examples/webpack-react/package.json

@@ -25,21 +25,20 @@
     "@vanilla-extract/css": "workspace:^",
     "@vanilla-extract/sprinkles": "workspace:^",
     "@vanilla-extract/webpack-plugin": "workspace:^",
-    "babel-loader": "^9.1.3",
+    "babel-loader": "^10.0.0",
     "css-loader": "^7.1.2",
     "html-webpack-plugin": "^5.3.1",
-    "mini-css-extract-plugin": "^2.7.7",
+    "mini-css-extract-plugin": "^2.9.4",
     "polished": "^4.1.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "tailwindcss": "^2.1.2",
+    "tailwindcss": "^4.1.18",
     "webpack": "^5.90.0",
-    "webpack-cli": "^5.1.4",
-    "webpack-dev-server": "^5.0.4"
+    "webpack-cli": "^6.0.1",
+    "webpack-dev-server": "^5.2.2"
   },
   "devDependencies": {
     "@types/react": "^18.2.55",
-    "@types/react-dom": "^18.2.19",
-    "@types/tailwindcss": "^2"
+    "@types/react-dom": "^18.2.19"
   }
 }

examples/webpack-react/src/vars.css.ts

@@ -26,16 +26,16 @@ export const vars = createGlobalTheme(':root', {
   color: {
     white: '#fff',
 
-    'gray-50': colors.coolGray[50],
-    'gray-100': colors.coolGray[100],
-    'gray-200': colors.coolGray[200],
-    'gray-300': colors.coolGray[300],
-    'gray-400': colors.coolGray[400],
-    'gray-500': colors.coolGray[500],
-    'gray-600': colors.coolGray[600],
-    'gray-700': colors.coolGray[700],
-    'gray-800': colors.coolGray[800],
-    'gray-900': colors.coolGray[900],
+    'gray-50': colors.gray[50],
+    'gray-100': colors.gray[100],
+    'gray-200': colors.gray[200],
+    'gray-300': colors.gray[300],
+    'gray-400': colors.gray[400],
+    'gray-500': colors.gray[500],
+    'gray-600': colors.gray[600],
+    'gray-700': colors.gray[700],
+    'gray-800': colors.gray[800],
+    'gray-900': colors.gray[900],
 
     'green-50': colors.emerald[50],
     'green-100': colors.emerald[100],