Bump Tailwind CSS

[renovate]

This PR contains the following updates:

Package	Change	Age	Adoption	Passing	Confidence
@tailwindcss/postcss (source)	4.0.0-beta.2 -> 4.0.3
prettier-plugin-tailwindcss	^0.6.9 -> ^0.6.11
tailwindcss (source)	4.0.0-beta.2 -> 4.0.3

---

Release Notes

tailwindlabs/tailwindcss (@​tailwindcss/postcss)

v4.0.3

Compare Source

Fixed

• Fix incorrect removal of @import url(); (#​16144)

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.

v4.0.0-beta.10

Compare Source

Added

• Add support for using @variant to use variants in your CSS (#​15663)
• Include outline-color when transitioning colors (#​15690)

Fixed

• Add missing main and browser fields for @tailwindcss/browser (#​15594)
• Support escaping * in theme namespace syntax (e.g.: --color-\*: initial;) (#​15603)
• Respect @theme options when resolving values in custom functional utilities (#​15623)
• Discard invalid variants (e.g. data-checked-[selected=1]:*) (#​15629)
• Ensure -outline-offset-* utilities are suggested in IntelliSense (#​15646)
• Write to stdout when --output is set to - or omitted with @tailwindcss/cli (#​15656)
• Prevent not-* from being used with variants that have multiple sibling rules (#​15689)
• Upgrade (experimental): Pretty print --spacing(…) to prevent ambiguity (#​15596)

Changed

• Use more modern --alpha(color / 50%) syntax instead of --alpha(color, 50%) (#​15665)
• Rename @variant to @custom-variant (#​15663)
• Change outline-hidden to set outline-style: none except in forced colors mode (#​15690)

v4.0.0-beta.9

Compare Source

Added

• Add @tailwindcss/browser package to run Tailwind CSS in the browser (#​15558)
• Add @reference "…" API as a replacement for the previous @import "…" reference option (#​15565)
• Add support for defining functional utilities in CSS (#​15455)
• Add new --spacing(…), --alpha(…), and --theme(…) CSS functions (#​15572)
• Add musl-based Linux builds of the standalone CLI (#​15567)
• Improve performance of internal AST manipulations (#​15529)

Fixed

• Use the correct property value for place-content-between, place-content-around, and place-content-evenly utilities (#​15440)
• Don’t detect arbitrary properties when preceded by an escape (#​15456)
• Fix incorrectly named bg-round and bg-space utilities to bg-repeat-round to bg-repeat-space (#​15462)
• Fix inset-shadow-* suggestions in IntelliSense (#​15471)
• Only compile arbitrary values ending in ] (#​15503)
• Ensure @apply rules are processed in the correct order (#​15542)
• Allow negative utility names in @utility (#​15573)
• Remove all @keyframes contributed by JavaScript plugins when using @reference imports (#​15581)
• Upgrade (experimental): Do not extract class names from functions (e.g. shadow in filter: 'drop-shadow(…)') (#​15566)
• Upgrade (experimental): Migrate theme(spacing.2) to --spacing(2) (#​15579)
• Upgrade (experimental): Migrate theme(…) to --theme(…) (#​15579)

Changed

• Remove --container-prose in favor of a deprecated --max-width-prose theme variable so that *-prose is only available for max-width utilities and only for backward compatibility (#​15439)
• Use Vite post-processor APIs for processing Svelte <style> blocks (#​15436)
• Remove @property fallback rules for Firefox (#​15622)

v4.0.0-beta.8

Compare Source

Fixed

• Ensure Symbol.dispose and Symbol.asyncDispose are polyfilled (#​15404)

v4.0.0-beta.7

Compare Source

Added

• Export tailwindcss/lib/util/flattenColorPalette for backward compatibility (#​15318)
• Improve debug logs to get better insights (#​15303)

Fixed

• Fix dependency related warnings when using @tailwindcss/postcss on Windows (#​15321)
• Skip creating a compiler for CSS files that should not be processed (#​15340)
• Fix missing shadow-none suggestion in IntelliSense (#​15342)
• Optimize AST before printing for IntelliSense (#​15347)
• Generate vendor prefixes for Chrome 111+ (e.g. -webkit-background-clip: text) (#​15389)

Changed

• Rename --aspect-ratio-* theme key to --aspect-* (#​15365)
• Derive aspect-video utility from theme (#​15365)

v4.0.0-beta.6

Compare Source

Fixed

• Ensure @import "…" reference never generates utilities (#​15307)

v4.0.0-beta.5

Compare Source

Added

• Parallelize parsing of individual source files (#​15270)
• Add new @import "…" reference option for importing Tailwind CSS configuration details into another CSS entry point without duplicating CSS (#​15228)
• Improve performance of @tailwindcss/postcss by translating between internal data structures and PostCSS nodes directly without additional parsing or stringification (#​15297)

Fixed

• Ensure absolute URLs inside imported CSS files are not rebased when using @tailwindcss/vite (#​15275)
• Fix issues with dev servers using Svelte 5 with @tailwindcss/vite (#​15274)
• Support installing @tailwindcss/vite in Vite 6 projects (#​15274)
• Fix resolution of imported CSS files in SSR builds with @tailwindcss/vite (#​15279)
• Ensure other plugins can run after @tailwindcss/postcss (#​15273)
• Rebase URLs inside imported CSS files when using Vite with the @tailwindcss/postcss extension (#​15273)
• Fix missing font family suggestions in IntelliSense (#​15288)
• Fix missing @container suggestion in IntelliSense (#​15288)

v4.0.0-beta.4

Compare Source

Fixed

• Don't scan source files for utilities unless @tailwind utilities is present in the CSS in @tailwindcss/postcss and @tailwindcss/vite (#​15226)
• Skip reserializing CSS files that don't use Tailwind features in @tailwindcss/postcss and @tailwindcss/vite (#​15226)
• Upgrade (experimental): Do not migrate the overflow-clip utility (#​15244)
• Upgrade (experimental): Rename backdrop-blur to backdrop-blur-sm and backdrop-blur-sm to backdrop-blur-xs (#​15242)

v4.0.0-beta.3

Compare Source

Fixed

• Ensure any necessary vendor prefixes are generated for iOS Safari, Firefox, and Chrome (#​15166)
• Ensure .group and .peer are prefixed when using the prefix(…) option (#​15174)
• Ensure 3D transforms render correctly in Safari (#​15179)
• Ensure --spacing-* variables take precedence over --container-* variables (#​15180)
• Fix scanning classes delimited by tab characters (#​15169)
• Ensure opacity modifiers and semi-transparent gradients render correctly by default in Safari (#​15201)
• Fix element size thrashing when transitioning gradients on elements with a defined font-size in Safari (#​15216)
• Ensure translate-* utilities work with arbitrary values that use calc(…) (#​15215)
• Ensure gradient stop position utilities work with arbitrary values that use calc(…) (#​15215)
• Ensure Node addons are packaged correctly with Windows ARM builds (#​15171)
• Ensure the Vite plugin resolves CSS and JS files according to the configured resolver conditions ([#​15173])(https://github.com/tailwindlabs/tailwindcss/pull/15173)
• Upgrade (experimental): Migrate prefixes for .group and .peer classes (#​15208)

Changed

• Interpolate gradients using OKLAB instead of OKLCH by default (#​15201)
• Error when layer(…) in @import is not first in the list of functions/conditions (#​15109)
• Use unitless line-height values for font-size variables in default theme (#​15216)
• Don't register custom properties with explicit types unless those custom properties need to be animateable (#​15215)

tailwindlabs/prettier-plugin-tailwindcss (prettier-plugin-tailwindcss)

v0.6.11

Compare Source

• Support TypeScript configs and plugins when using v4 (#​342)

v0.6.10

Compare Source

• Add support for @zackad/prettier-plugin-twig (#​327)
• Drop support for @zackad/prettier-plugin-twig-melody (#​327)
• Update Prettier options types (#​325)
• Don't remove whitespace inside template literals in Svelte (#​332)

---

Configuration

📅 Schedule: Branch creation - "on the first day of the month before 4:00am" in timezone UTC, 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.

👻 Immortal: This PR will be recreated if closed unmerged. Get config help if that's undesired.

---

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

---

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

[mui-bot]

Netlify deploy preview

https://deploy-preview-910--base-ui.netlify.app/

Generated by 🚫 dangerJS against 2c1d1c5

[netlify]

✅ Deploy Preview for base-ui ready!

Name	Link
🔨 Latest commit	388c19e
🔍 Latest deploy log	https://app.netlify.com/sites/base-ui/deploys/67a388defb4c560008fee923
😎 Deploy Preview	https://deploy-preview-910--base-ui.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[renovate]

Edited/Blocked Notification

Renovate will not automatically rebase this PR, because it does not recognize the last commit author and assumes somebody else may have edited the PR.

You can manually request rebase by checking the rebase/retry box above.

⚠️ Warning: custom changes will be lost.