fix: Resolve Tailwind CSS v4/v3 compatibility issues for deployment

- Downgrade @astrojs/tailwind to v5.1.1 for v3 compatibility
- Remove @tailwindcss/vite dependency (v4 specific)
- Update tailwindcss to v3.4.17
- Fix astro.config.mjs to use standard Tailwind integration
- Update CSS imports to use v3 @tailwind directives

Fixes server deployment build failures due to dependency conflicts.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
2025-07-12 18:26:47 -06:00
parent 26a87d0d00
commit 086aa9de6d
4 changed files with 635 additions and 371 deletions

View File

@@ -2,7 +2,7 @@
import { defineConfig } from 'astro/config'; import { defineConfig } from 'astro/config';
import react from '@astrojs/react'; import react from '@astrojs/react';
import tailwindcss from '@tailwindcss/vite'; import tailwind from '@astrojs/tailwind';
import node from '@astrojs/node'; import node from '@astrojs/node';
import sentry from '@sentry/astro'; import sentry from '@sentry/astro';
@@ -11,6 +11,7 @@ export default defineConfig({
output: 'server', output: 'server',
integrations: [ integrations: [
react(), react(),
tailwind(),
sentry({ sentry({
dsn: process.env.SENTRY_DSN, dsn: process.env.SENTRY_DSN,
environment: process.env.NODE_ENV || 'development', environment: process.env.NODE_ENV || 'development',
@@ -21,9 +22,6 @@ export default defineConfig({
mode: 'standalone' mode: 'standalone'
}), }),
vite: {
plugins: [tailwindcss()]
},
server: { server: {
port: 4321, port: 4321,

981
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@@ -19,7 +19,7 @@
"@astrojs/check": "^0.9.4", "@astrojs/check": "^0.9.4",
"@astrojs/node": "^9.3.0", "@astrojs/node": "^9.3.0",
"@astrojs/react": "^4.3.0", "@astrojs/react": "^4.3.0",
"@astrojs/tailwind": "^6.0.2", "@astrojs/tailwind": "^5.1.1",
"@craftjs/core": "^0.2.12", "@craftjs/core": "^0.2.12",
"@craftjs/utils": "^0.2.5", "@craftjs/utils": "^0.2.5",
"@modelcontextprotocol/sdk": "^1.0.3", "@modelcontextprotocol/sdk": "^1.0.3",
@@ -28,7 +28,6 @@
"@stripe/connect-js": "^3.3.25", "@stripe/connect-js": "^3.3.25",
"@supabase/ssr": "^0.0.10", "@supabase/ssr": "^0.0.10",
"@supabase/supabase-js": "^2.50.3", "@supabase/supabase-js": "^2.50.3",
"@tailwindcss/vite": "^4.1.11",
"@types/bcrypt": "^5.0.2", "@types/bcrypt": "^5.0.2",
"@types/react": "^19.1.8", "@types/react": "^19.1.8",
"@types/react-dom": "^19.1.6", "@types/react-dom": "^19.1.6",
@@ -45,7 +44,7 @@
"react-easy-crop": "^5.4.2", "react-easy-crop": "^5.4.2",
"resend": "^4.6.0", "resend": "^4.6.0",
"stripe": "^18.3.0", "stripe": "^18.3.0",
"tailwindcss": "^4.1.11", "tailwindcss": "^3.4.17",
"uuid": "^11.1.0", "uuid": "^11.1.0",
"winston": "^3.17.0", "winston": "^3.17.0",
"zod": "^3.25.75" "zod": "^3.25.75"

View File

@@ -1,4 +1,6 @@
@import "tailwindcss"; @tailwind base;
@tailwind components;
@tailwind utilities;
@import "./glassmorphism.css"; @import "./glassmorphism.css";
/* Accessibility Styles */ /* Accessibility Styles */