bump every package, remove postcss

.postcssrc.json

@@ -1,5 +0,0 @@
-{
-  "plugins": {
-    "tailwindcss": {}
-  }
-}

package.json

@@ -32,66 +32,73 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@babel/plugin-transform-runtime": "^7.25.9",
+    "@babel/plugin-transform-runtime": "^7.26.9",
-    "@babel/runtime": "^7.26.7",
+    "@babel/runtime": "^7.26.9",
-    "@bedframe/cli": "^0.0.85",
+    "@bedframe/cli": "^0.0.91",
     "@crxjs/vite-plugin": "2.0.0-beta.25",
     "@types/mime-types": "^2.1.4",
-    "@vitejs/plugin-react-swc": "^3.7.2",
+    "@vitejs/plugin-react-swc": "^3.8.0",
     "cross-env": "^7.0.3",
     "dependency-cruiser": "^16.10.0",
-    "eslint": "^8.57.1",
+    "eslint": "9.22.0",
     "glob": "^11.0.1",
     "mime-types": "^2.1.35",
-    "prettier": "^3.4.2",
+    "prettier": "^3.5.3",
     "process": "^0.11.10",
     "publish-browser-extension": "^3.0.0",
-    "sass": "^1.83.4",
+    "sass": "^1.85.1",
-    "sass-loader": "^13.3.3",
+    "sass-loader": "^16.0.5",
     "semver": "^7.7.1",
     "url": "^0.11.4"
   },
   "dependencies": {
-    "@codemirror/lang-css": "^6.3.0",
+    "@codemirror/autocomplete": "^6.18.6",
-    "@sveltejs/vite-plugin-svelte": "^4.0.0",
+    "@codemirror/commands": "^6.8.0",
-    "@tailwindcss/forms": "^0.5.9",
+    "@codemirror/lang-css": "^6.3.1",
+    "@codemirror/language": "^6.10.8",
+    "@codemirror/search": "^6.5.10",
+    "@codemirror/state": "^6.5.2",
+    "@codemirror/view": "^6.36.4",
+    "@sveltejs/vite-plugin-svelte": "^5.0.3",
+    "@tailwindcss/forms": "^0.5.10",
+    "@tailwindcss/postcss": "^4.0.12",
+    "@tailwindcss/vite": "^4.0.12",
     "@tsconfig/svelte": "^5.0.4",
-    "@types/chrome": "^0.0.270",
+    "@types/chrome": "^0.0.308",
-    "@types/color": "^3.0.6",
+    "@types/color": "^4.2.0",
-    "@types/dompurify": "^3.2.0",
+    "@types/lodash": "^4.17.16",
-    "@types/lodash": "^4.17.15",
+    "@types/node": "^22.13.10",
-    "@types/node": "^20.17.17",
+    "@types/react": "^19.0.10",
-    "@types/react": "^17.0.83",
+    "@types/react-dom": "^19.0.4",
-    "@types/react-dom": "^17.0.26",
     "@types/sortablejs": "^1.15.8",
-    "@types/uuid": "^9.0.8",
+    "@types/uuid": "^10.0.0",
-    "@types/webextension-polyfill": "^0.10.7",
+    "@types/webextension-polyfill": "^0.12.3",
-    "@uiw/codemirror-extensions-color": "^4.23.8",
+    "@uiw/codemirror-extensions-color": "^4.23.10",
-    "@uiw/codemirror-theme-github": "^4.23.8",
+    "@uiw/codemirror-theme-github": "^4.23.10",
     "@vitejs/plugin-react": "^4.3.4",
-    "autoprefixer": "^10.4.20",
+    "autoprefixer": "^10.4.21",
     "codemirror": "^6.0.1",
-    "color": "^4.2.3",
+    "color": "^5.0.0",
-    "dompurify": "^3.1.6",
+    "dompurify": "^3.2.4",
-    "embla-carousel-autoplay": "^8.3.1",
+    "embla-carousel-autoplay": "^8.5.2",
-    "embla-carousel-svelte": "^8.3.1",
+    "embla-carousel-svelte": "^8.5.2",
-    "fuse.js": "^7.0.0",
+    "fuse.js": "^7.1.0",
-    "idb": "^8.0.0",
+    "idb": "^8.0.2",
     "localforage": "^1.10.0",
     "lodash": "^4.17.21",
     "million": "^3.1.11",
-    "motion": "^11.12.0",
+    "motion": "^12.4.12",
-    "postcss": "^8.4.45",
+    "postcss": "^8.5.3",
-    "react": "17",
+    "react": "^19.0.0",
-    "react-best-gradient-color-picker": "^3.0.10",
+    "react-best-gradient-color-picker": "^3.0.14",
-    "react-dom": "17",
+    "react-dom": "^19.0.0",
     "rss-parser": "^3.13.0",
-    "sortablejs": "^1.15.3",
+    "sortablejs": "^1.15.6",
-    "svelte": "^5.1.9",
+    "svelte": "^5.22.6",
-    "tailwindcss": "^3.4.11",
+    "tailwindcss": "^4.0.12",
-    "typescript": "^5.6.2",
+    "typescript": "^5.8.2",
-    "uuid": "^9.0.1",
+    "uuid": "^11.1.0",
-    "vite": "^5.4.14",
+    "vite": "^6.2.1",
-    "webextension-polyfill": "^0.10.0"
+    "webextension-polyfill": "^0.12.0"
   }
 }

postcss.config.js

@@ -1,6 +0,0 @@
-export default {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-}

src/interface/index.css

@@ -1,4 +1,6 @@
 @import './components/ColourPicker.css';
+@import "tailwindcss";
+
 
 @tailwind base;
 @tailwind components;

vite.config.ts

@@ -1,6 +1,8 @@
 import { defineConfig } from 'vite';
 import { join, resolve } from 'path';
 
+import tailwindcss from '@tailwindcss/vite'
+
 import { updateManifestPlugin } from './lib/patchPackage';
 import { base64Loader } from './lib/base64loader';
 import type { BuildTarget } from './lib/types';
@@ -30,6 +32,7 @@ export default defineConfig(({ command }) => ({
   plugins: [
     base64Loader,
     react(),
+    tailwindcss(),
     svelte({
       emitCss: false
     }),