build(deps): update dependency tailwindcss to v4 - autoclosed

[renovate]

This PR contains the following updates:

Package	Change	Age	Adoption	Passing	Confidence
tailwindcss (source)	3.4.1 -> 4.0.1

---

Release Notes

tailwindlabs/tailwindcss (tailwindcss)

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)

v3.4.11

Compare Source

Fixed

• Allow anchor-size(…) in arbitrary values (#​14393)

v3.4.10

Compare Source

Fixed

• Bump versions of plugins in the Standalone CLI (#​14185)

v3.4.9

Compare Source

Fixed

• No longer warns when broad glob patterns are detecting vendor folders

v3.4.8

Compare Source

Fixed

• Fix minification when using nested CSS (#​14105)
• Warn when broad glob patterns are used in the content configuration (#​14140)

v3.4.7

Compare Source

Fixed

• Fix class detection in Slim templates with attached attributes and ID (#​14019)
• Ensure attribute values in data-* and aria-* modifiers are always quoted in the generated CSS (#​14037)

v3.4.6

Compare Source

Fixed

• Fix detection of some utilities in Slim/Pug templates (#​14006)

Changed

• Loosen :is() wrapping rules when using an important selector (#​13900)

v3.4.5

Compare Source

Fixed

• Disable automatic var() injection for anchor properties (#​13826)
• Use no value instead of blur(0px) for backdrop-blur-none and blur-none utilities (#​13830)
• Add .mts and .cts config file detection (#​13940)
• Don't generate utilities like px-1 unnecessarily when using utilities like px-1.5 (#​13959)
• Always generate -webkit-backdrop-filter for backdrop-* utilities (#​13997)

v3.4.4

Compare Source

Fixed

• Make it possible to use multiple <alpha-value> placeholders in a single color definition (#​13740)
• Don't prefix classes in arbitrary values of has-*, group-has-*, and peer-has-* variants (#​13770)
• Support negative values for {col,row}-{start,end} utilities (#​13781)
• Update embedded browserslist database (#​13792)

v3.4.3

Compare Source

Fixed

• Revert changes to glob handling (#​13384)

v3.4.2

Compare Source

Fixed

• Ensure max specificity of 0,0,1 for button and input Preflight rules (#​12735)
• Improve glob handling for folders with (, ), [ or ] in the file path (#​12715)
• Split :has rules when using experimental.optimizeUniversalDefaults (#​12736)
• Sort arbitrary properties alphabetically across multiple class lists (#​12911)
• Add mix-blend-plus-darker utility (#​12923)
• Ensure dashes are allowed in variant modifiers (#​13303)
• Fix crash showing completions in Intellisense when using a custom separator (#​13306)
• Transpile import.meta.url in config files (#​13322)
• Reset letter spacing for form elements (#​13150)
• Fix missing xx-large and remove double x-large absolute size (#​13324)
• Don't error when encountering nested CSS unless trying to @apply a class that uses nesting (#​13325)
• Ensure that arbitrary properties respect important configuration (#​13353)
• Change dark mode selector so @apply works correctly with pseudo elements (#​13379)

---

Configuration

📅 Schedule: Branch creation - At any time (no schedule defined), 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.

[vercel]

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

1 Skipped Deployment

Name	Status	Preview	Comments	Updated (UTC)
zws	⬜️ Ignored (Inspect)	Visit Preview		Jan 23, 2025 2:04am

[vercel]

Deployment failed with the following error:

Resource is limited - try again in 4 hours (more than 100, code: "api-deployments-free-per-day").