Skip to content

Commit 31d3244

Browse files
thedaviddiasclaude
andcommitted
fix: migrate Souls Studio from Tailwind v3 to v4
Tailwind v4 moved the PostCSS plugin to @tailwindcss/postcss and removed @tailwind directives in favor of @import "tailwindcss". This fixes the studio build failure after the dependency update. - Replace tailwindcss with @tailwindcss/postcss in PostCSS config - Update index.css to use @import "tailwindcss" instead of @tailwind directives - Remove tailwind.config.js (auto-detected in v4) - Remove autoprefixer (built into Tailwind v4) Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
1 parent 40fd9c8 commit 31d3244

File tree

5 files changed

+6
-43
lines changed

5 files changed

+6
-43
lines changed

apps/souls-studio/package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -57,13 +57,13 @@
5757
"devDependencies": {
5858
"@playwright/test": "^1.58.2",
5959
"@sentry/vite-plugin": "^5.1.1",
60+
"@tailwindcss/postcss": "^4",
6061
"@tauri-apps/cli": "^2.10.1",
6162
"@testing-library/jest-dom": "^6.9.1",
6263
"@testing-library/react": "^16.3.2",
6364
"@types/react": "^19.2.14",
6465
"@types/react-dom": "^19.2.3",
6566
"@vitejs/plugin-react": "^6.0.1",
66-
"autoprefixer": "^10.4.27",
6767
"jsdom": "^29.0.0",
6868
"postcss": "^8.5.8",
6969
"tailwindcss": "^4.2.1",
Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
export default {
22
plugins: {
3-
tailwindcss: {},
4-
autoprefixer: {},
3+
'@tailwindcss/postcss': {},
54
},
65
}

apps/souls-studio/src/index.css

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,4 @@
1-
@tailwind base;
2-
@tailwind components;
3-
@tailwind utilities;
1+
@import "tailwindcss";
42

53
:root {
64
--bg-primary: #f8f8f8;

apps/souls-studio/tailwind.config.js

Lines changed: 0 additions & 8 deletions
This file was deleted.

pnpm-lock.yaml

Lines changed: 3 additions & 29 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)