chore(deps): bump the tailwind group across 1 directory with 3 updates#21
chore(deps): bump the tailwind group across 1 directory with 3 updates#21dependabot[bot] wants to merge 1 commit intomainfrom
Conversation
LabelsThe following labels could not be found: Please fix the above issues or remove invalid values from |
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
![kilo-code-bot[bot]](https://avatars.githubusercontent.com/in/2193792?s=60&v=4){kind=small}
package.json
Outdated
| "@types/react-dom": "^19", | ||
| "postcss": "^8.5", | ||
| "tailwindcss": "^3.4.17", | ||
| "tailwindcss": "^4.2.1", |
There was a problem hiding this comment.
CRITICAL: Major breaking change - Upgrading Tailwind CSS from v3 to v4
This is a significant upgrade. Tailwind v4 is a complete rewrite that no longer uses JavaScript config files (tailwind.config.ts). Your current config with custom colors, animations, and the tailwindcss-animate plugin will NOT work in v4.
You need to either:
- Migrate the entire configuration to CSS-based
@themedirective - Or use
@tailwindcss/viteplugin which has backward compatibility
Without this migration, your app will lose all custom colors, border radius, and animations.
Code Review SummaryStatus: 1 Issue Found | Recommendation: Address before merge Overview
Issue Details (click to expand)CRITICAL
Other Observations (not in diff)Issues found in unchanged code that cannot receive inline comments:
Files Reviewed (3 files)
Incremental Review: No new issues introduced. The Tailwind CSS upgrade from v3 to v4 remains the primary concern. Your existing |
Bumps the tailwind group with 3 updates in the / directory: [autoprefixer](https://github.com/postcss/autoprefixer), [postcss](https://github.com/postcss/postcss) and [tailwindcss](https://github.com/tailwindlabs/tailwindcss/tree/HEAD/packages/tailwindcss). Updates `autoprefixer` from 10.4.21 to 10.4.27 - [Release notes](https://github.com/postcss/autoprefixer/releases) - [Changelog](https://github.com/postcss/autoprefixer/blob/main/CHANGELOG.md) - [Commits](postcss/autoprefixer@10.4.21...10.4.27) Updates `postcss` from 8.5.6 to 8.5.8 - [Release notes](https://github.com/postcss/postcss/releases) - [Changelog](https://github.com/postcss/postcss/blob/main/CHANGELOG.md) - [Commits](postcss/postcss@8.5.6...8.5.8) Updates `tailwindcss` from 3.4.18 to 4.2.1 - [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/v4.2.1/packages/tailwindcss) --- updated-dependencies: - dependency-name: autoprefixer dependency-version: 10.4.27 dependency-type: direct:production update-type: version-update:semver-patch dependency-group: tailwind - dependency-name: postcss dependency-version: 8.5.8 dependency-type: direct:development update-type: version-update:semver-patch dependency-group: tailwind - dependency-name: tailwindcss dependency-version: 4.2.1 dependency-type: direct:development update-type: version-update:semver-major dependency-group: tailwind ... Signed-off-by: dependabot[bot] <support@github.com>
dependabot
bot
force-pushed
the
dependabot/npm_and_yarn/tailwind-7f60ca35c8
branch
from
7a471c4 to
d046a6a
Compare
This PR contains a breaking major version upgrade of
Mention @roomote in a comment to request specific changes to this pull request or fix all unresolved issues. |
![roomote-v0[bot]](https://avatars.githubusercontent.com/in/1546624?s=60&v=4){kind=small}
| "@types/react-dom": "^19", | ||
| "postcss": "^8.5", | ||
| "tailwindcss": "^3.4.17", | ||
| "tailwindcss": "^4.2.2", |
There was a problem hiding this comment.
This bumps tailwindcss from v3 to v4, which is a major version with a completely different architecture. This will break the application because the project is set up entirely for v3:
tailwind.config.tsuses v3-style JS configuration (content,darkMode,theme.extend,plugins: [require("tailwindcss-animate")]). Tailwind v4 replaced this with CSS-based configuration and does not readtailwind.config.tsby default.postcss.config.mjsregisterstailwindcssdirectly as a PostCSS plugin. v4 requires@tailwindcss/postcssinstead.app/globals.cssuses@tailwind base;,@tailwind components;,@tailwind utilities;directives, which are removed in v4 and replaced with@import "tailwindcss".- The
tailwindcss-animateplugin uses v3'srequire()plugin API which no longer exists in v4.
All custom theme colors, border radius tokens, keyframes, and dark mode setup will stop working. This PR should not be merged without a full Tailwind v4 migration, or the version constraint should remain pinned to v3.
Fix it with Roo Code or mention @roomote and request a fix.
Bumps the tailwind group with 3 updates in the / directory: autoprefixer, postcss and tailwindcss.
Updates
autoprefixerfrom 10.4.21 to 10.4.27Release notes
Sourced from autoprefixer's releases.
Changelog
Sourced from autoprefixer's changelog.
Commits
360f2d9Release 10.4.27 versionab5260cUpdate clean-publish09e9dd1Release 10.4.26 versionec75540Ignore local patches59601b8Update c8 and clean-publish06ea988Release 10.4.25 version47d8a5bUpdate dependencies and fix Node.js 2551c596eAdd Node.js 25 and 24 to CI5239823Fix CSS variables in gradients (#1515) (#1544)36692c2Release 10.4.24 versionUpdates
postcssfrom 8.5.6 to 8.5.8Release notes
Sourced from postcss's releases.
Changelog
Sourced from postcss's changelog.
Commits
65de537Release 8.5.8 versionb2c6d97Run git hook register0ae0a49Update Processor#version6ee9f14Release 8.5.7 version3fbc951Fix uvu Node.js 25 support52db53eUpdate dependencies497daefSpeed up source map annotation cleaning by moving from RegExp41e739aRemove banner1329142chore: speed up space-only string check in lib/parser.js (#2064)23beff9Update dependenciesUpdates
tailwindcssfrom 3.4.18 to 4.2.1Release notes
Sourced from tailwindcss's releases.
... (truncated)
Changelog
Sourced from tailwindcss's changelog.
... (truncated)
Commits
1dce64e4.2.1 (#19714)d15d92cAllow trailing dash in functional utility names (#19696)1b164114.2.0 (#19695)6118f4fFix/misc docs and tests (#19652)5a4a7ebfix(canonicalize): prevent collapse cache pollution across calls (#19675)d0a5612Add mauve, olive, mist, and taupe color palettes (#19627)d9fff9fdocs: update package README CI badge to main (#19692)ed52d3efeat: handle backslash in@utilityname (#19626)6eb3b32Allow multiples of.25inaspect-*fractions (#19688)8ed67bfFix Tailwind CSS package README GitHub links (#19644)Maintainer changes
This version was pushed to npm by [GitHub Actions](https://www.npmjs.com/~GitHub Actions), a new releaser for tailwindcss since your current version.
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 show <dependency name> ignore conditionswill show all of the ignore conditions of the specified dependency@dependabot ignore <dependency name> major versionwill close this group update PR and stop Dependabot creating any more for the specific dependency's major version (unless you unignore this specific dependency's major version or upgrade to it yourself)@dependabot ignore <dependency name> minor versionwill close this group update PR and stop Dependabot creating any more for the specific dependency's minor version (unless you unignore this specific dependency's minor version or upgrade to it yourself)@dependabot ignore <dependency name>will close this group update PR and stop Dependabot creating any more for the specific dependency (unless you unignore this specific dependency or upgrade to it yourself)@dependabot unignore <dependency name>will remove all of the ignore conditions of the specified dependency@dependabot unignore <dependency name> <ignore condition>will remove the ignore condition of the specified dependency and ignore conditions