chore(deps): update dependency tailwindcss to v4 #127

renovate · 2025-01-31T00:37:43Z

This PR contains the following updates:

Package	Change	Age	Adoption	Passing	Confidence
tailwindcss (source)	`^3.0.7` -> `^4.0.0`

Release Notes

tailwindlabs/tailwindcss (tailwindcss)

`v4.0.2`

Compare Source

Fixed

Only generate positive grid-cols-* and grid-rows-* utilities (#16020)
Ensure escaped theme variables are handled correctly (#16064)
Ensure we process Tailwind CSS features when only using @reference or @variant (#16057)
Refactor gradient implementation to work around prettier/prettier#17058 (#16072)
Vite: Ensure hot-reloading works with SolidStart setups (#16052)
Vite: Fix a crash when starting the development server in SolidStart setups (#16052)
Vite: Don't rebase URLs that appear to be aliases (#16078)
Vite: Transform <style> blocks in HTML files (#16069)
Prevent camel-casing CSS custom properties added by JavaScript plugins (#16103)
Do not emit @keyframes in @theme reference (#16120)
Discard invalid declarations when parsing CSS (#16093)
Do not emit empty CSS rules and at-rules (#16121)
Handle @variant when at the top-level of a stylesheet (#16129)

`v4.0.1`

Compare Source

Added

Include :open pseudo-class in existing open variant (#15349)

Fixed

Remove invalid min-w/h-none utilities (#15845)
Discard CSS variable shorthand utilities that don't use valid CSS variables (#15738)
Ensure font-size utilities with none modifier have a line-height set e.g. text-sm/none (#15921)
Ensure font-size utilities with unknown modifier don't generate CSS (#15921)
Don’t suggest font weight utilities more than once (#15857)
Suggest container query variants (#15857)
Disable bare value suggestions when not using the --spacing variable (#15857)
Ensure suggested classes are properly sorted (#15857)
Don’t look at .gitignore files outside initialized repos (#15941)
Find utilities when using the Svelte class shorthand syntax across multiple lines (#15974)
Find utilities when using the Angular class shorthand syntax (#15974)
Find utilities when using functions inside arrays (#15974)
Ensure that @tailwindcss/browser does not pollute the global namespace (#15978)
Ensure that tailwind-merge is not scanned when using the Vite plugin (#16005)
Ensure CSS theme variables are available within shadow roots (#15975)
Fix crash when project lives in the / directory (#15988)
Ensure custom variants have a non-empty selector list (#16009)
Upgrade: Ensure JavaScript config files on different drives are correctly migrated (#15927)
Upgrade: Migrate leading-[1] to leading-none (#16004)
Upgrade: Do not migrate arbitrary leading utilities to bare values (#16004)

`v4.0.0`

Compare Source

Added

New high-performance engine — where full builds are up to 5x faster, and incremental builds are over 100x faster — and measured in microseconds.
Designed for the modern web — built on cutting-edge CSS features like cascade layers, registered custom properties with @property, and color-mix().
Simplified installation — fewer dependencies, zero configuration, and just a single line of code in your CSS file.
First-party Vite plugin — tight integration for maximum performance and minimum configuration.
Automatic content detection — all of your template files are discovered automatically, with no configuration required.
Built-in import support — no additional tooling necessary to bundle multiple CSS files.
CSS-first configuration — a reimagined developer experience where you customize and extend the framework directly in CSS instead of a JavaScript configuration file.
CSS theme variables — all of your design tokens exposed as native CSS variables so you can access them anywhere.
Dynamic utility values and variants — stop guessing what values exist in your spacing scale, or extending your configuration for things like basic data attributes.
Modernized P3 color palette — a redesigned, more vivid color palette that takes full advantage of modern display technology.
Container queries — first-class APIs for styling elements based on their container size, no plugins required.
New 3D transform utilities — transform elements in 3D space directly in your HTML.
Expanded gradient APIs — radial and conic gradients, interpolation modes, and more.
@starting-style support — a new variant you can use to create enter and exit transitions, without the need for JavaScript.
not-* variant — style an element only when it doesn't match another variant, custom selector, or media or feature query.
Even more new utilities and variants — including support for color-scheme, field-sizing, complex shadows, inert, and more.

Start using Tailwind CSS v4.0 today by installing it in a new project, or playing with it directly in the browser on Tailwind Play.

For existing projects, we've published a comprehensive upgrade guide and built an automated upgrade tool to get you on the latest version as quickly and painlessly as possible.

For a deep-dive into everything that's new, check out the announcement post.

`v3.4.17`

Compare Source

Fixed

Work around Node v22.12+ issue (#15421)

`v3.4.16`

Compare Source

Fixed

Ensure the TypeScript types for PluginsConfig allow undefined values (#14668)

Changed

Bumped lilconfig to v3.x (#15289)

`v3.4.15`

Compare Source

Bump versions for security vulnerabilities (#14697)
Ensure the TypeScript types for the boxShadow theme configuration allows arrays (#14856)
Set fallback for opacity variables to ensure setting colors with the selection:* variant works in Chrome 131 (#15003)

`v3.4.14`

Compare Source

Fixed

Don't set display: none on elements that use hidden="until-found" (#14625)

`v3.4.13`

Compare Source

Fixed

Improve source glob verification performance (#14481)

`v3.4.12`

Compare Source

Fixed

Ensure using @apply with utilities that use @defaults works with rules defined in the base layer when using optimizeUniversalDefaults (#14427)

Configuration

📅 Schedule: Branch creation - "after 8am,before 12:00am" in timezone Asia/Tokyo, Automerge - At any time (no schedule defined).

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about this update again.

If you want to rebase/retry this PR, check this box

This PR was generated by Mend Renovate. View the repository job log.

renovate · 2025-01-31T00:37:43Z

⚠️ Artifact update problem

Renovate failed to update an artifact related to this branch. You probably do not want to merge this PR as-is.

♻ Renovate will retry this branch, including artifacts, only when one of the following happens:

any of the package files in this branch needs updating, or
the branch becomes conflicted, or
you click the rebase/retry checkbox if found above, or
you rename this PR's title to start with "rebase!" to trigger it manually

The artifact failure details are included below:

File name: package-lock.json

npm error code ERESOLVE
npm error ERESOLVE could not resolve
npm error
npm error While resolving: [email protected]
npm error Found: [email protected]
npm error node_modules/tailwindcss
npm error   dev tailwindcss@"^4.0.0" from the root project
npm error
npm error Could not resolve dependency:
npm error peer tailwindcss@"^3.4.0" from [email protected]
npm error node_modules/eslint-plugin-tailwindcss
npm error   dev eslint-plugin-tailwindcss@"^3.0.0" from the root project
npm error
npm error Conflicting peer dependency: [email protected]
npm error node_modules/tailwindcss
npm error   peer tailwindcss@"^3.4.0" from [email protected]
npm error   node_modules/eslint-plugin-tailwindcss
npm error     dev eslint-plugin-tailwindcss@"^3.0.0" from the root project
npm error
npm error Fix the upstream dependency conflict, or retry
npm error this command with --force or --legacy-peer-deps
npm error to accept an incorrect (and potentially broken) dependency resolution.
npm error
npm error
npm error For a full report see:
npm error /tmp/renovate/cache/others/npm/_logs/2025-01-31T00_37_37_359Z-eresolve-report.txt
npm error A complete log of this run can be found in: /tmp/renovate/cache/others/npm/_logs/2025-01-31T00_37_37_359Z-debug-0.log

vercel · 2025-01-31T00:37:44Z

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
imagetocalendar	❌ Failed (Inspect)			Jan 31, 2025 0:38am

chore(deps): update dependency tailwindcss to v4

e53203d

vercel bot had a problem deploying to Preview January 31, 2025 00:38 Failure

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

chore(deps): update dependency tailwindcss to v4 #127

chore(deps): update dependency tailwindcss to v4 #127

renovate bot commented Jan 31, 2025 •

edited

Loading

renovate bot commented Jan 31, 2025

vercel bot commented Jan 31, 2025 •

edited

Loading

chore(deps): update dependency tailwindcss to v4 #127

Are you sure you want to change the base?

chore(deps): update dependency tailwindcss to v4 #127

Conversation

renovate bot commented Jan 31, 2025 • edited Loading

Release Notes

Fixed

Added

Fixed

Added

Fixed

Fixed

Changed

Fixed

Fixed

Fixed

Configuration

renovate bot commented Jan 31, 2025

⚠️ Artifact update problem

File name: package-lock.json

vercel bot commented Jan 31, 2025 • edited Loading

renovate bot commented Jan 31, 2025 •

edited

Loading

vercel bot commented Jan 31, 2025 •

edited

Loading