chore(deps): update dependency tailwindcss to v4

[renovate]

This PR contains the following updates:

Package	Change	Age	Adoption	Passing	Confidence
tailwindcss (source)	3.2.3 -> 4.0.8

---

Release Notes

tailwindlabs/tailwindcss (tailwindcss)

v4.0.8

Compare Source

Added

• Allow @import with theme(…) options for stylesheets that contain more than just @theme rules (#​16514)

Fixed

• Don't add !important to CSS variable declarations when using the important modifier (#​16668)
• Vite: Ignore files and directories specified in your .gitignore file when using automatic source detection(#​16631)
• Vite: Don't rely on the module graph for detecting candidates to ensure setups with multiple Vite builds work as expected (#​16631)
• Vite: Ensure Astro production builds always contain classes used in client-only components (#​16631)
• Vite: Always scan raw file contents for utility classes before any other transforms have been applied to ensure utility classes are scanned without any additional escaping (#​16631)
• Ensure utilities with more declarations are always sorted before utilities with fewer declarations when utilities only define CSS variables (#​16715)
• Only include translate-z-px utilities once in compiled CSS (#​16718)

Changed

• Don't include theme variables that aren't used in compiled CSS (#​16211, #​16676)

v4.0.7

Compare Source

Fixed

• Export tailwindcss/lib/util/flattenColorPalette.js for backward compatibility (#​16411)
• Fix sorting of numeric utility suggestions when they have different magnitudes (#​16414)
• Show suggestions for fractions in IntelliSense (#​16353)
• Don’t replace _ in suggested theme keys (#​16433)
• Ensure --default-outline-width can be used to change the outline-width value of the outline utility (#​16469)
• Ensure drop shadow utilities don't inherit unexpectedly (#​16471)
• Export config and plugin types from tailwindcss/plugin for backward compatibility (#​16505)
• Ensure JavaScript plugins that emit nested rules referencing the utility name work as expected (#​16539)
• Statically link Visual Studio redistributables in @tailwindcss/oxide Windows builds (#​16602)
• Ensure that Next.js splat routes are scanned for classes (#​16457)
• Pin exact version of tailwindcss in @tailwindcss/* packages (#​16623)
• Upgrade: Report errors when updating dependencies (#​16504)
• Upgrade: Ensure a darkMode JS config setting with block syntax converts to use @slot (#​16507)
• Upgrade: Ensure the latest version of tailwindcss and @tailwindcss/postcss are installed when upgrading (#​16620)

v4.0.6

Compare Source

Fixed

• Revert change to no longer include theme variables that aren't used in compiled CSS (#​16403)

Fixed

• Upgrade: Don't migrate blur to blur-sm when used with Next.js <Image placeholder="blur" /> (#​16405)

v4.0.5

Compare Source

Added

• Add @theme static option for always including theme variables in compiled CSS (#​16211)

Fixed

• Remove rogue console.log from @tailwindcss/vite (#​16307)

Changed

• Don't include theme variables that aren't used in compiled CSS (#​16211)

v4.0.4

Compare Source

Fixed

• Fix a crash when setting JS theme values to null (#​16210)
• Ensure escaped underscores in CSS variables in arbitrary values are properly unescaped (#​16206)
• Ensure that the containers JS theme key is added to the --container-* namespace (#​16169)
• Ensure theme @keyframes are generated even if an --animation-* variable spans multiple lines (#​16237)
• Vite: Skip parsing stylesheets with the ?commonjs-proxy flag (#​16238)
• Fix order-first and order-last for Firefox (#​16266)
• Fix support for older instruction sets on Linux x64 builds of the standalone CLI (#​16244)
• Ensure NODE_PATH is respected when resolving JavaScript and CSS files (#​16274)
• Ensure Node addons are packaged correctly with FreeBSD builds (#​16277)
• Fix an issue where @variant inside a referenced stylesheet could cause a stack overflow (#​16300)

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.

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)

v3.4.1

Compare Source

Fixed

• Don't remove keyframe stops when using important utilities (#​12639)
• Don't add spaces to gradients and grid track names when followed by calc() (#​12704)
• Restore old behavior for class dark mode strategy (#​12717)

Added

• Add new selector and variant strategies for dark mode (#​12717)

Changed

• Support rtl and ltr variants on same element as dir attribute (#​12717)

v3.4.0

Compare Source

Tailwind CSS v3.4 has arrived! Check out the announcement post for a guided tour through all of the highlights.

Added

• Add svh, lvh, and dvh values to default height/min-height/max-height theme (#​11317)
• Add has-* variants for :has(...) pseudo-class (#​11318)
• Add text-wrap utilities including text-balance and text-pretty (#​11320, #​12031)
• Extend default opacity scale to include all steps of 5 (#​11832)
• Update Preflight html styles to include shadow DOM :host pseudo-class (#​11200)
• Increase default values for grid-rows-* utilities from 1–6 to 1–12 (#​12180)
• Add size-* utilities (#​12287)
• Add utilities for CSS subgrid (#​12298)
• Add spacing scale to min-w-*, min-h-*, and max-w-* utilities (#​12300)
• Add forced-color-adjust utilities (#​11931)
• Add forced-colors variant (#​11694, #​12582)
• Add appearance-auto utility (#​12404)
• Add logical property values for float and clear utilities (#​12480)
• Add * variant for targeting direct children (#​12551)

Changed

• Simplify the sans font-family stack (#​11748)
• Disable the tap highlight overlay on iOS (#​12299)
• Improve relative precedence of rtl, ltr, forced-colors, and dark variants (#​12584)

v3.3.7

Compare Source

Fixed

• Fix support for container query utilities with arbitrary values (#​12534)
• Fix custom config loading in Standalone CLI (#​12616)

v3.3.6

Compare Source

Fixed

• Don’t add spaces to negative numbers following a comma (#​12324)
• Don't emit @config in CSS when watching via the CLI (#​12327)
• Improve types for resolveConfig (#​12272)
• Ensure configured font-feature-settings for mono are included in Preflight (#​12342)
• Improve candidate detection in minified JS arrays (without spaces) (#​12396)
• Don't crash when given applying a variant to a negated version of a simple utility (#​12514)
• Fix support for slashes in arbitrary modifiers (#​12515)
• Fix source maps of variant utilities that come from an @layer rule (#​12508)
• Fix loading of built-in plugins when using an ESM or TypeScript config with the Standalone CLI (#​12506)

v3.3.5

Compare Source

Fixed

• Fix incorrect spaces around - in calc() expression (#​12283)

v3.3.4

Compare Source

Fixed

• Improve normalisation of calc()-like functions (#​11686)
• Skip calc() normalisation in nested theme() calls (#​11705)
• Fix incorrectly generated CSS when using square brackets inside arbitrary properties (#​11709)
• Make content optional for presets in TypeScript types (#​11730)
• Handle variable colors that have variable fallback values (#​12049)
• Batch reading content files to prevent too many open files error (#​12079)
• Skip over classes inside :not(…) when nested in an at-rule (#​12105)
• Update types to work with Node16 module resolution (#​12097)
• Don’t crash when important and parent selectors are equal in @apply (#​12112)
• Eliminate irrelevant rules when applying variants (#​12113)
• Improve RegEx parser, reduce possibilities as the key for arbitrary properties (#​12121)
• Fix sorting of utilities that share multiple candidates (#​12173)
• Ensure variants with arbitrary values and a modifier are correctly matched in the RegEx based parser (#​12179)
• Fix crash when watching renamed files on FreeBSD (#​12193)
• Allow plugins from a parent document to be used in an iframe (#​12208)
• Add types for tailwindcss/nesting (#​12269)
• Bump jiti, fast-glob, and browserlist dependencies (#​11550)
• Improve automatic var injection for properties that accept a <dashed-ident> (#​12236)

v3.3.3

Compare Source

Fixed

• Fix issue where some pseudo-element variants generated the wrong selector (#​10943, #​10962, #​11111)
• Make font settings propagate into buttons, inputs, etc. (#​10940)
• Fix parsing of theme() inside calc() when there are no spaces around operators (#​11157)
• Ensure repeating-conic-gradient is detected as an image (#​11180)
• Move unknown pseudo-elements outside of :is by default (#​11345)
• Escape animation names when prefixes contain special characters (#​11470)
• Don't prefix arbitrary classes in group and peer variants (#​11454)
• Sort classes using position of first matching rule (#​11504)
• Allow variant to be an at-rule without a prelude (#​11589)
• Make PostCSS plugin async to improve performance (#​11548)
• Don’t error when a config file is missing (f97759f)

Added

• Add aria-busy utility (#​10966)

Changed

• Reset padding for <dialog> elements in preflight (#​11069)

v3.3.2

Compare Source

Fixed

• Don’t move unknown pseudo-elements to the end of selectors (#​10943, #​10962)
• Inherit gradient stop positions when using variants (#​11002)
• Honor default to position of gradient when using implicit transparent colors (#​11002)
• Ensure @tailwindcss/oxide doesn't leak in the stable engine (#​10988)
• Ensure multiple theme(spacing[5]) calls with bracket notation in arbitrary properties work (#​11039)
• Normalize arbitrary modifiers (#​11057)

Changed

• Drop support for Node.js v12 (#​11089)

v3.3.1

Compare Source

Fixed

• Fix edge case bug when loading a TypeScript config file with webpack (#​10898)
• Fix variant, @apply, and important selectors when using :is() or :has() with pseudo-elements (#​10903)
• Fix safelist config types (#​10901)
• Fix build errors caused by @tailwindcss/line-clamp warning (#​10915, #​10919)
• Fix "process is not defined" error (#​10919)

v3.3.0

Compare Source

Added

• Support ESM and TypeScript config files (#​10785)
• Extend default color palette with new 950 shades (#​10879)
• Add line-height modifier support to font-size utilities (#​9875)
• Add support for using variables as arbitrary values without var(...) (#​9880, #​9962)
• Add logical properties support for inline direction (#​10166)
• Add hyphens utilities (#​10071)
• Add from-{position}, via-{position} and to-{position} utilities (#​10886)
• Add list-style-image utilities (#​10817)
• Add caption-side utilities (#​10470)
• Add line-clamp utilities from @tailwindcss/line-clamp to core (#​10768, #​10876, #​10862)
• Add delay-0 and duration-0 utilities (#​10294)
• Add justify-normal and justify-stretch utilities (#​10560)
• Add content-normal and content-stretch utilities (#​10645)
• Add whitespace-break-spaces utility (#​10729)
• Add support for configuring default font-variation-settings for a font-family (#​10034, #​10515)

Fixed

• Disallow using multiple selectors in arbitrary variants (#​10655)
• Sort class lists deterministically for Prettier plugin (#​10672)
• Ensure CLI builds have a non-zero exit code on failure (#​10703)
• Ensure module dependencies for value null, is an empty Set (#​10877)
• Fix format assumption when resolving module dependencies (#​10878)

Changed

• Mark rtl and ltr variants as stable and remove warnings (#​10764)
• Use inset instead of top, right, bottom, and left properties (#​10765)
• Make dark and rtl/ltr variants insensitive to DOM order (#​10766)
• Use :is to make important selector option insensitive to DOM order (#​10835)

v3.2.7

Compare Source

Fixed

• Fix use of :where(.btn) when matching !btn (#​10601)
• Revert including outline-color in transition and transition-colors by default (#​10604)

v3.2.6

Compare Source

Fixed

• Fix installation failing with yarn and pnpm by dropping oxide-api-shim (add1636)

v3.2.5

Compare Source

Added

• Add standalone CLI build for 64-bit Windows on ARM (node16-win-arm64) (#​10001)

Fixed

• Cleanup unused variantOrder (#​9829)
• Fix foo-[abc]/[def] not being handled correctly (#​9866)
• Add container queries plugin to standalone CLI (#​9865)
• Support renaming of output files by PostCSS plugins in CLI (#​9944)
• Improve return value of resolveConfig, unwrap ResolvableTo (#​9972)
• Clip unbalanced brackets in arbitrary values (#​9973)
• Don’t reorder webkit scrollbar pseudo elements (#​9991)
• Deterministic sorting of arbitrary variants (#​10016)
• Add data key to theme types (#​10023)
• Prevent invalid arbitrary variant selectors from failing the build (#​10059)
• Properly handle subtraction followed by a variable (#​10074)
• Fix missing string[] in the theme.dropShadow types (#​10072)
• Update list of length units (#​10100)
• Fix not matching arbitrary properties when closely followed by square brackets (#​10212)
• Allow direct nesting in root or @layer nodes (#​10229)
• Don't prefix classes in arbitrary variants (#​10214)
• Fix perf regression when checking for changed content (#​10234)
• Fix missing blocklist member in the Config type (#​10239)
• Escape group names in selectors (#​10276)
• Consider earlier variants before sorting functions (#​10288)
• Allow variants with slashes (#​10336)
• Ensure generated CSS is always sorted in the same order for a given set of templates (#​10382)
• Handle variants when the same class appears multiple times in a selector (#​10397)
• Handle group/peer variants with quoted strings (#​10400)
• Parse alpha value from rgba/hsla colors when using variables (#​10429)
• Sort by layer inside variants layer (#​10505)
• Add --watch=always option to prevent exit when stdin closes (#​9966)

Changed

• Alphabetize theme keys in default config (#​9953)
• Update esbuild to v17 (#​10368)
• Include outline-color in transition and transition-colors utilities (#​10385)

v3.2.4

Compare Source

Added

• Add blocklist option to prevent generating unwanted CSS (#​9812)

Fixed

• Fix watching of files on Linux when renames are involved (#​9796)
• Make sure errors are always displayed when watching for changes (#​9810)

---

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.