Closed
Conversation
Bumps [tailwindcss](https://github.com/tailwindlabs/tailwindcss/tree/HEAD/packages/tailwindcss) from 3.4.6 to 3.4.17. - [Release notes](https://github.com/tailwindlabs/tailwindcss/releases) - [Changelog](https://github.com/tailwindlabs/tailwindcss/blob/main/CHANGELOG.md) - [Commits](https://github.com/tailwindlabs/tailwindcss/commits/v3.4.17/packages/tailwindcss) --- updated-dependencies: - dependency-name: tailwindcss dependency-version: 3.4.17 dependency-type: direct:production update-type: version-update:semver-patch ... Signed-off-by: dependabot[bot] <support@github.com>
dependabot
bot
added
dependencies
Contributor
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
![vercel[bot]](https://avatars.githubusercontent.com/in/8329?s=60&v=4){kind=small}
| "prettier": "^3.4.2", | ||
| "prettier-plugin-tailwindcss": "^0.6.11", | ||
| "tailwindcss": "^4.1.11", | ||
| "tailwindcss": "^3.4.17", |
Contributor
There was a problem hiding this comment.
This downgrades Tailwind CSS from v4.1.11 to v3.4.17, which is a major version downgrade that will break the application due to incompatible APIs between v3 and v4.
View Details
📝 Patch Details
diff --git a/apps/www/package.json b/apps/www/package.json
index 7cfd1e3..af076f6 100644
--- a/apps/www/package.json
+++ b/apps/www/package.json
@@ -109,7 +109,7 @@
"eslint-config-next": "15.3.1",
"prettier": "^3.4.2",
"prettier-plugin-tailwindcss": "^0.6.11",
- "tailwindcss": "^3.4.17",
+ "tailwindcss": "^4.1.13",
"tw-animate-css": "^1.3.7",
"framer-motion": "^12.23.12",
"typescript": "^5",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 06cce19..eade853 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -275,7 +275,7 @@ importers:
version: 11.6.3(acorn@8.15.0)(fumadocs-core@15.7.7(@types/react@19.1.2)(next@15.3.1(@babel/core@7.28.0)(@opentelemetry/api@1.9.0)(react-dom@19.1.0(react@19.1.0))(react@19.1.0))(react-dom@19.1.0(react@19.1.0))(react@19.1.0))(next@15.3.1(@babel/core@7.28.0)(@opentelemetry/api@1.9.0)(react-dom@19.1.0(react@19.1.0))(react@19.1.0))
fumadocs-ui:
specifier: 15.3.1
- version: 15.3.1(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(next@15.3.1(@babel/core@7.28.0)(@opentelemetry/api@1.9.0)(react-dom@19.1.0(react@19.1.0))(react@19.1.0))(react-dom@19.1.0(react@19.1.0))(react@19.1.0)(tailwindcss@3.4.17(ts-node@10.9.2(@types/node@20.19.10)(typescript@5.9.2)))
+ version: 15.3.1(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(next@15.3.1(@babel/core@7.28.0)(@opentelemetry/api@1.9.0)(react-dom@19.1.0(react@19.1.0))(react@19.1.0))(react-dom@19.1.0(react@19.1.0))(react@19.1.0)(tailwindcss@4.1.13)
input-otp:
specifier: ^1.4.2
version: 1.4.2(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
@@ -389,8 +389,8 @@ importers:
specifier: ^0.6.11
version: 0.6.14(@ianvs/prettier-plugin-sort-imports@4.6.1(prettier@3.6.2))(prettier@3.6.2)
tailwindcss:
- specifier: ^3.4.17
- version: 3.4.17(ts-node@10.9.2(@types/node@20.5.1)(typescript@5.9.2))
+ specifier: ^4.1.13
+ version: 4.1.13
tw-animate-css:
specifier: ^1.3.7
version: 1.3.7
@@ -11984,7 +11984,7 @@ snapshots:
- acorn
- supports-color
- fumadocs-ui@15.3.1(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(next@15.3.1(@babel/core@7.28.0)(@opentelemetry/api@1.9.0)(react-dom@19.1.0(react@19.1.0))(react@19.1.0))(react-dom@19.1.0(react@19.1.0))(react@19.1.0)(tailwindcss@3.4.17(ts-node@10.9.2(@types/node@20.19.10)(typescript@5.9.2))):
+ fumadocs-ui@15.3.1(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(next@15.3.1(@babel/core@7.28.0)(@opentelemetry/api@1.9.0)(react-dom@19.1.0(react@19.1.0))(react@19.1.0))(react-dom@19.1.0(react@19.1.0))(react@19.1.0)(tailwindcss@4.1.13):
dependencies:
'@radix-ui/react-accordion': 1.2.11(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
'@radix-ui/react-collapsible': 1.1.11(@types/react-dom@19.1.2(@types/react@19.1.2))(@types/react@19.1.2)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
@@ -12008,7 +12008,7 @@ snapshots:
react-remove-scroll: 2.7.1(@types/react@19.1.2)(react@19.1.0)
tailwind-merge: 3.3.1
optionalDependencies:
- tailwindcss: 3.4.17(ts-node@10.9.2(@types/node@20.5.1)(typescript@5.9.2))
+ tailwindcss: 4.1.13
transitivePeerDependencies:
- '@oramacloud/client'
- '@types/react'
Analysis
Mismatched Tailwind CSS versions cause build failure in apps/www
What fails: Build process fails in apps/www with "Can't resolve 'tailwindcss'" error due to version mismatch between tailwindcss (v3.4.17) and @tailwindcss/postcss (v4.1.13)
How to reproduce:
cd apps/www && pnpm run buildResult: Build fails with [Error: Can't resolve 'tailwindcss' in '/vercel/sandbox/sandpits/warm-deer/apps/www/styles'] because the CSS file uses v4 syntax (@import "tailwindcss";) but only v3 package is installed
Expected: Build should succeed with aligned Tailwind CSS versions - the styles/globals.css file uses v4 features like @theme inline, @custom-variant, and @utility directives which require v4
Root cause: Package mismatch where Tailwind CSS v3 cannot process v4 import syntax and directives, confirmed by documentation showing v4 uses CSS-based configuration
Contributor
Author
|
Superseded by #40. |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Bumps tailwindcss from 3.4.6 to 3.4.17.
Release notes
Sourced from tailwindcss's releases.
... (truncated)
Changelog
Sourced from tailwindcss's changelog.
... (truncated)
Commits
Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting
@dependabot rebase.Dependabot commands and options
You can trigger Dependabot actions by commenting on this PR:
@dependabot rebasewill rebase this PR@dependabot recreatewill recreate this PR, overwriting any edits that have been made to it@dependabot mergewill merge this PR after your CI passes on it@dependabot squash and mergewill squash and merge this PR after your CI passes on it@dependabot cancel mergewill cancel a previously requested merge and block automerging@dependabot reopenwill reopen this PR if it is closed@dependabot closewill close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually@dependabot show <dependency name> ignore conditionswill show all of the ignore conditions of the specified dependency@dependabot ignore this major versionwill close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this minor versionwill close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this dependencywill close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)