Add tailwind as to React Sandbox

bin/current.sh

@@ -18,7 +18,7 @@ SCRIPT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")" &>/dev/null && pwd)"
 ROOT="$(dirname "$SCRIPT_DIR")"
 
 if [[ -L "$ROOT/current" ]]; then
-	rm "$ROOT/current"
+	rm -f "$ROOT/current"
 fi
 
 ln -s "$1" "$ROOT/current"
@@ -29,13 +29,13 @@ if [[ ! -e "$ROOT/current/.replit" ]]; then
 fi
 
 if [[ -L "$ROOT/.replit" ]]; then
-	rm "$ROOT/.replit"
+	rm -f "$ROOT/.replit"
 fi
 
 ln -s "$ROOT/current/.replit" "$ROOT/.replit"
 
 if [[ -L "$ROOT/replit.nix" ]]; then
-	rm "$ROOT/replit.nix"
+	rm -f "$ROOT/replit.nix"
 fi
 
 if [[ -e "$ROOT/current/replit.nix" ]]; then

src/node/sandbox/package.json

@@ -15,16 +15,16 @@
     "@types/react": "^18.2.37",
     "@types/react-dom": "^18.2.15",
     "@vitejs/plugin-react": "^4.2.0",
+    "autoprefixer": "^10.4.19",
+    "postcss": "^8.4.38",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "tailwindcss": "^3.4.3",
     "typescript": "^5.2.2",
     "vite": "^5.2.6"
   },
   "engines": {
     "node": "=20.x"
   },
-  "packageManager": "[email protected]",
-  "dependencies": {
-    "modern-normalize": "^2.0.0"
-  }
+  "packageManager": "[email protected]"
 }

src/node/sandbox/postcss.config.js

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

src/node/sandbox/src/App.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

src/node/sandbox/src/App.tsx

@@ -1,4 +1,3 @@
-import 'modern-normalize/modern-normalize.css';
 import "@/App.css";
 import HomePage from "@/pages/HomePage";
 

src/node/sandbox/tailwind.config.js

@@ -0,0 +1,12 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+    content: [
+        "./index.html",
+        "./src/**/*.{ts,tsx}",
+      ],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+}
+