Skip to content

chore: bump tailwind from v3 to v4 with postcss #5580

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 6 commits into from
Oct 22, 2025
Merged

chore: bump tailwind from v3 to v4 with postcss #5580

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
a29d9fc
chore: bump tailwind from v3 to v4 with postcss
birkskyum Oct 22, 2025
073b6d1
ci: apply automated fixes
autofix-ci[bot] Oct 22, 2025
ed764e8
remove border comment
birkskyum Oct 22, 2025
5791fa8
ci: apply automated fixes
autofix-ci[bot] Oct 22, 2025
30bd5bb
reset monorepo and static examples
birkskyum Oct 22, 2025
1c1bdf6
add back tailwind config
birkskyum Oct 22, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
The table of contents is too big for display.
Diff view
Diff view
  •  
  •  
  •  
6 changes: 3 additions & 3 deletions e2e/react-router/basic-file-based-code-splitting/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,14 +13,14 @@
"test:e2e": "rm -rf port*.txt; pnpm run test:e2e:verbose-routes:true && pnpm run test:e2e:verbose-routes:false"
},
"dependencies": {
"@tailwindcss/postcss": "^4.1.15",
"@tanstack/react-router": "workspace:^",
"@tanstack/react-router-devtools": "workspace:^",
"@tanstack/router-plugin": "workspace:^",
"postcss": "^8.5.1",
"react": "^19.0.0",
"react-dom": "^19.0.0",
"postcss": "^8.5.1",
"autoprefixer": "^10.4.20",
"tailwindcss": "^3.4.17",
"tailwindcss": "^4.1.15",
"zod": "^3.24.2"
},
"devDependencies": {
Expand Down
3 changes: 1 addition & 2 deletions e2e/react-router/basic-file-based-code-splitting/postcss.config.mjs
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,5 @@
export default {
plugins: {
tailwindcss: {},
autoprefixer: {},
'@tailwindcss/postcss': {},
},
}
14 changes: 11 additions & 3 deletions e2e/react-router/basic-file-based-code-splitting/src/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,14 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
@import 'tailwindcss';

@layer base {
*,
::after,
::before,
::backdrop,
::file-selector-button {
border-color: var(--color-gray-200, currentcolor);
}
}

html {
color-scheme: light dark;
Expand Down
4 changes: 0 additions & 4 deletions e2e/react-router/basic-file-based-code-splitting/tailwind.config.mjs
View file
Open in desktop

This file was deleted.

6 changes: 3 additions & 3 deletions e2e/react-router/basic-file-based/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,16 +11,16 @@
"test:e2e": "rm -rf port*.txt; playwright test --project=chromium"
},
"dependencies": {
"@tailwindcss/postcss": "^4.1.15",
"@tanstack/react-router": "workspace:^",
"@tanstack/react-router-devtools": "workspace:^",
"@tanstack/router-plugin": "workspace:^",
"@tanstack/zod-adapter": "workspace:^",
"postcss": "^8.5.1",
"react": "^19.0.0",
"react-dom": "^19.0.0",
"redaxios": "^0.5.1",
"postcss": "^8.5.1",
"autoprefixer": "^10.4.20",
"tailwindcss": "^3.4.17",
"tailwindcss": "^4.1.15",
"zod": "^3.24.2"
},
"devDependencies": {
Expand Down
3 changes: 1 addition & 2 deletions e2e/react-router/basic-file-based/postcss.config.mjs
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,5 @@
export default {
plugins: {
tailwindcss: {},
autoprefixer: {},
'@tailwindcss/postcss': {},
},
}
10 changes: 5 additions & 5 deletions e2e/react-router/basic-file-based/src/routes/anchor.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -124,7 +124,7 @@ function AnchorComponent() {
<label>
<span>Target Anchor</span>
<select
className="border border-opacity-50 rounded p-2 w-full"
className="border border-opacity-50 rounded-sm p-2 w-full"
data-testid="hash-select"
defaultValue={location.hash || anchors[0].id}
name="hash"
Expand Down Expand Up @@ -154,7 +154,7 @@ function AnchorComponent() {
<label>
<span>Behavior</span>
<select
className="border border-opacity-50 rounded p-2 w-full"
className="border border-opacity-50 rounded-sm p-2 w-full"
data-testid="behavior-select"
defaultValue="instant"
name="scrollBehavior"
Expand All @@ -170,7 +170,7 @@ function AnchorComponent() {
<label>
<span>Block</span>
<select
className="border border-opacity-50 rounded p-2 w-full"
className="border border-opacity-50 rounded-sm p-2 w-full"
data-testid="block-select"
defaultValue="start"
name="scrollBlock"
Expand All @@ -187,7 +187,7 @@ function AnchorComponent() {
<label>
<span>Inline</span>
<select
className="border border-opacity-50 rounded p-2 w-full"
className="border border-opacity-50 rounded-sm p-2 w-full"
data-testid="inline-select"
defaultValue="nearest"
name="scrollInline"
Expand All @@ -203,7 +203,7 @@ function AnchorComponent() {
) : null}
<div>
<button
className="bg-blue-500 rounded p-2 uppercase text-white font-black disabled:opacity-50"
className="bg-blue-500 rounded-sm p-2 uppercase text-white font-black disabled:opacity-50"
data-testid="navigate-button"
>
Navigate
Expand Down
14 changes: 11 additions & 3 deletions e2e/react-router/basic-file-based/src/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,14 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
@import 'tailwindcss';

@layer base {
*,
::after,
::before,
::backdrop,
::file-selector-button {
border-color: var(--color-gray-200, currentcolor);
}
}

html {
color-scheme: light dark;
Expand Down
4 changes: 0 additions & 4 deletions e2e/react-router/basic-file-based/tailwind.config.mjs
View file
Open in desktop

This file was deleted.

6 changes: 3 additions & 3 deletions e2e/react-router/basic-react-query-file-based/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,17 +11,17 @@
"test:e2e": "rm -rf port*.txt; playwright test --project=chromium"
},
"dependencies": {
"@tailwindcss/postcss": "^4.1.15",
"@tanstack/react-query": "^5.66.0",
"@tanstack/react-query-devtools": "^5.66.0",
"@tanstack/react-router": "workspace:^",
"@tanstack/react-router-devtools": "workspace:^",
"@tanstack/router-plugin": "workspace:^",
"postcss": "^8.5.1",
"react": "^19.0.0",
"react-dom": "^19.0.0",
"redaxios": "^0.5.1",
"postcss": "^8.5.1",
"autoprefixer": "^10.4.20",
"tailwindcss": "^3.4.17",
"tailwindcss": "^4.1.15",
"zod": "^3.24.2"
},
"devDependencies": {
Expand Down
3 changes: 1 addition & 2 deletions e2e/react-router/basic-react-query-file-based/postcss.config.mjs
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,5 @@
export default {
plugins: {
tailwindcss: {},
autoprefixer: {},
'@tailwindcss/postcss': {},
},
}
14 changes: 11 additions & 3 deletions e2e/react-router/basic-react-query-file-based/src/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,14 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
@import 'tailwindcss';

@layer base {
*,
::after,
::before,
::backdrop,
::file-selector-button {
border-color: var(--color-gray-200, currentcolor);
}
}

html {
color-scheme: light dark;
Expand Down
4 changes: 0 additions & 4 deletions e2e/react-router/basic-react-query-file-based/tailwind.config.mjs
View file
Open in desktop

This file was deleted.

6 changes: 3 additions & 3 deletions e2e/react-router/basic-react-query/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,16 +11,16 @@
"test:e2e": "rm -rf port*.txt; playwright test --project=chromium"
},
"dependencies": {
"@tailwindcss/postcss": "^4.1.15",
"@tanstack/react-query": "^5.66.0",
"@tanstack/react-query-devtools": "^5.66.0",
"@tanstack/react-router": "workspace:^",
"@tanstack/router-devtools": "workspace:^",
"postcss": "^8.5.1",
"react": "^19.0.0",
"react-dom": "^19.0.0",
"redaxios": "^0.5.1",
"postcss": "^8.5.1",
"autoprefixer": "^10.4.20",
"tailwindcss": "^3.4.17"
"tailwindcss": "^4.1.15"
},
"devDependencies": {
"@playwright/test": "^1.50.1",
Expand Down
3 changes: 1 addition & 2 deletions e2e/react-router/basic-react-query/postcss.config.mjs
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,5 @@
export default {
plugins: {
tailwindcss: {},
autoprefixer: {},
'@tailwindcss/postcss': {},
},
}
14 changes: 11 additions & 3 deletions e2e/react-router/basic-react-query/src/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,14 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
@import 'tailwindcss';

@layer base {
*,
::after,
::before,
::backdrop,
::file-selector-button {
border-color: var(--color-gray-200, currentcolor);
}
}

html {
color-scheme: light dark;
Expand Down
4 changes: 0 additions & 4 deletions e2e/react-router/basic-react-query/tailwind.config.mjs
View file
Open in desktop

This file was deleted.

8 changes: 4 additions & 4 deletions e2e/react-router/basic-scroll-restoration/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,15 +11,15 @@
"test:e2e": "rm -rf port*.txt; playwright test --project=chromium"
},
"dependencies": {
"@tailwindcss/postcss": "^4.1.15",
"@tanstack/react-router": "workspace:^",
"@tanstack/react-virtual": "^3.13.0",
"@tanstack/react-router-devtools": "workspace:^",
"@tanstack/react-virtual": "^3.13.0",
"postcss": "^8.5.1",
"react": "^19.0.0",
"react-dom": "^19.0.0",
"redaxios": "^0.5.1",
"postcss": "^8.5.1",
"autoprefixer": "^10.4.20",
"tailwindcss": "^3.4.17"
"tailwindcss": "^4.1.15"
},
"devDependencies": {
"@playwright/test": "^1.50.1",
Expand Down
3 changes: 1 addition & 2 deletions e2e/react-router/basic-scroll-restoration/postcss.config.mjs
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,5 @@
export default {
plugins: {
tailwindcss: {},
autoprefixer: {},
'@tailwindcss/postcss': {},
},
}
14 changes: 11 additions & 3 deletions e2e/react-router/basic-scroll-restoration/src/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,14 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
@import 'tailwindcss';

@layer base {
*,
::after,
::before,
::backdrop,
::file-selector-button {
border-color: var(--color-gray-200, currentcolor);
}
}

html {
color-scheme: light dark;
Expand Down
4 changes: 0 additions & 4 deletions e2e/react-router/basic-scroll-restoration/tailwind.config.mjs
View file
Open in desktop

This file was deleted.

6 changes: 3 additions & 3 deletions e2e/react-router/basic-virtual-file-based/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,16 +11,16 @@
"test:e2e": "rm -rf port*.txt; playwright test --project=chromium"
},
"dependencies": {
"@tailwindcss/postcss": "^4.1.15",
"@tanstack/react-router": "workspace:^",
"@tanstack/react-router-devtools": "workspace:^",
"@tanstack/router-plugin": "workspace:^",
"@tanstack/virtual-file-routes": "workspace:^",
"postcss": "^8.5.1",
"react": "^19.0.0",
"react-dom": "^19.0.0",
"redaxios": "^0.5.1",
"postcss": "^8.5.1",
"autoprefixer": "^10.4.20",
"tailwindcss": "^3.4.17",
"tailwindcss": "^4.1.15",
"zod": "^3.24.2"
},
"devDependencies": {
Expand Down
3 changes: 1 addition & 2 deletions e2e/react-router/basic-virtual-file-based/postcss.config.mjs
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,5 @@
export default {
plugins: {
tailwindcss: {},
autoprefixer: {},
'@tailwindcss/postcss': {},
},
}
14 changes: 11 additions & 3 deletions e2e/react-router/basic-virtual-file-based/src/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,14 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
@import 'tailwindcss';

@layer base {
*,
::after,
::before,
::backdrop,
::file-selector-button {
border-color: var(--color-gray-200, currentcolor);
}
}

html {
color-scheme: light dark;
Expand Down
4 changes: 0 additions & 4 deletions e2e/react-router/basic-virtual-file-based/tailwind.config.mjs
View file
Open in desktop

This file was deleted.

6 changes: 3 additions & 3 deletions e2e/react-router/basic-virtual-named-export-config-file-based/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,16 +11,16 @@
"test:e2e": "rm -rf port*.txt; playwright test --project=chromium"
},
"dependencies": {
"@tailwindcss/postcss": "^4.1.15",
"@tanstack/react-router": "workspace:^",
"@tanstack/react-router-devtools": "workspace:^",
"@tanstack/router-plugin": "workspace:^",
"@tanstack/virtual-file-routes": "workspace:^",
"postcss": "^8.5.1",
"react": "^19.0.0",
"react-dom": "^19.0.0",
"redaxios": "^0.5.1",
"postcss": "^8.5.1",
"autoprefixer": "^10.4.20",
"tailwindcss": "^3.4.17",
"tailwindcss": "^4.1.15",
"zod": "^3.24.2"
},
"devDependencies": {
Expand Down
3 changes: 1 addition & 2 deletions e2e/react-router/basic-virtual-named-export-config-file-based/postcss.config.mjs
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,5 @@
export default {
plugins: {
tailwindcss: {},
autoprefixer: {},
'@tailwindcss/postcss': {},
},
}
16 changes: 13 additions & 3 deletions e2e/react-router/basic-virtual-named-export-config-file-based/src/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,16 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
@import 'tailwindcss';

@source './**/*.{js,jsx,ts,tsx}';

@layer base {
*,
::after,
::before,
::backdrop,
::file-selector-button {
border-color: var(--color-gray-200, currentcolor);
}
}

html {
color-scheme: light dark;
Expand Down
Loading
Loading