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

Open
Renovate wants to merge 1 commit from renovate/major-tailwindcss-monorepo into main
Collaborator

This PR contains the following updates:

Package Change Age Adoption Passing Confidence
tailwindcss (source) ^3.4.10 -> ^4.0.0 age adoption passing confidence
tailwindcss (source) ^3.4.10 -> ^4.0.0 age adoption passing confidence

Release Notes

tailwindlabs/tailwindcss (tailwindcss)

v4.1.1

Compare Source

Fixed
  • Disable padding in @source inline(…) brace expansion (#​17491)
  • Inject polyfills after @import and body-less @layer (#​17493)
  • Ensure @tailwindcss/cli does not contain an import for jiti (#​17502)

v4.1.0

Compare Source

Added
  • Add details-content variant (#​15319)
  • Add inverted-colors variant (#​11693)
  • Add noscript variant (#​11929, #​17431)
  • Add items-baseline-last and self-baseline-last utilities (#​13888, #​17476)
  • Add pointer-none, pointer-coarse, and pointer-fine variants (#​16946)
  • Add any-pointer-none, any-pointer-coarse, and any-pointer-fine variants (#​16941)
  • Add safe alignment utilities (#​14607)
  • Add user-valid and user-invalid variants (#​12370)
  • Add wrap-anywhere, wrap-break-word, and wrap-normal utilities (#​12128)
  • Add @source inline(…) and @source not inline(…) (#​17147)
  • Add @source not "…" (#​17255)
  • Add text-shadow-* utilities (#​17389)
  • Add mask-* utilities (#​17134)
  • Add bg-{position,size}-* utilities for arbitrary values (#​17432)
  • Add shadow-*/<alpha>, inset-shadow-*/<alpha>, drop-shadow-*/<alpha>, and text-shadow-*/<alpha> utilities to control shadow opacity (#​17398, #​17434)
  • Add drop-shadow-<color> utilities (#​17434)
  • Improve compatibility with older versions of Safari and Firefox (#​17435)
Fixed
  • Follow symlinks when resolving @source directives (#​17391)
  • Don't scan ignored files for classes when changing an ignored file triggers a rebuild using @tailwindcss/cli (#​17255)
  • Support negated content rules in legacy JavaScript configuration (#​17255)
  • Interpret syntax like @("@&#8203;")md:… as @md:… in Razor files (#​17427)
  • Disallow top-level braces, top-level semicolons, and unbalanced parentheses and brackets in arbitrary values (#​17361)
  • Ensure the --theme(…) function still resolves to the CSS variables when using legacy JS plugins (#​17458)
  • Detect used theme variables in CSS module files (#​17433, #​17467)
Changed
  • Ignore node_modules by default (can be overridden by @source … rules) (#​17255)
  • @source rules that include file extensions or point inside node_modules/ folders no longer consider your .gitignore rules (#​17255)
  • Deprecate bg-{left,right}-{top,bottom} in favor of bg-{top,bottom}-{left,right} utilities (#​17378)
  • Deprecate object-{left,right}-{top,bottom} in favor of object-{top,bottom}-{left,right} utilities (#​17437)

v4.0.17

Compare Source

Fixed
  • Fix an issue causing the CLI to hang when processing Ruby files (#​17383)

v4.0.16

Compare Source

Added
  • Add support for literal values in --value('…') and --modifier('…') (#​17304)
Fixed
  • Fix class extraction followed by ( in Pug (#​17320)
  • Ensure @keyframes for theme animations are emitted if they are referenced following a comma (#​17352)
  • Vite: Ensure that updates to an imported CSS file are properly propagated after updating source files (#​17347)
  • Pre process Slim templates embedded in Ruby files (#​17336)
  • Error when input and output files resolve to the same file when using the CLI (#​17311)
  • Add missing suggestions when --spacing(--value(integer, number)) is used (#​17308)
  • Add ::-webkit-details-marker pseudo to marker variant (#​17362)

v4.0.15

Compare Source

Fixed
  • Fix incorrect angle in -bg-conic-* utilities (#​17174)
  • Fix border-[12px_4px] being interpreted as a border-color instead of a border-width (#​17248)
  • Work around a crash in Safari 16.4 and 16.5 when using the default Preflight styles (#​17306)
  • Pre-process <template lang="…"> in Vue files (#​17252)
  • Ensure that all CSS variables used by Preflight are prefixed (#​17036)
  • Prevent segfault when loaded in a worker thread on Linux (#​17276)
  • Ensure multiple --value(…) or --modifier(…) calls don't delete subsequent declarations (#​17273)
  • Fix class extraction followed by ( in Slim (#​17278)
  • Export PluginUtils from tailwindcss/plugin for compatibility with v3 (#​17299)
  • Remove redundant line-height: initial from Preflight (#​15212)
  • Increase Standalone hardware compatibility on macOS x64 builds (#​17267)
  • Ensure that the CSS file rebuilds if a new CSS variable is used from templates (#​17301)
Changed
  • The --theme(…) function now returns CSS variables from your theme variables unless used inside positions where CSS variables are invalid (e.g. inside @media queries) (#​17036)

v4.0.14

Compare Source

Fixed
  • Do not extract candidates with JS string interpolation ${ (#​17142)
  • Fix extraction of variants containing . character (#​17153)
  • Fix extracting candidates in Clojure/ClojureScript (#​17087)

v4.0.13

Compare Source

Fixed
  • Fix Haml pre-processing (#​17051)
  • Ensure .node and .wasm files are not scanned for utilities (#​17123)
  • Improve performance when scanning JSON files (#​17125)
  • Fix extracting candidates containing dots in Haml, Pug, and Slim pre processors (#​17094, #​17085, #​17113)
  • Don't create invalid CSS when encountering a link wrapped in square brackets (#​17129)

v4.0.12

Compare Source

Fixed
  • Vite: Fix url(…) rebasing in transitively imported CSS files (#​16965)
  • PostCSS: Rebase url(…)s in imported CSS files (#​16965)
  • Ensure utilities are sorted based on their actual property order (#​16995)
  • Ensure strings in Pug and Slim templates are handled correctly (#​17000)
  • Ensure classes between } and { are properly extracted (#​17001)
  • Fix razor/cshtml pre-processing (#​17027)
  • Ensure extracting candidates from JS embedded in a PHP string works as expected (#​17031)

v4.0.11

Compare Source

Fixed
  • Ensure classes containing -- are extracted correctly (#​16972)
  • Ensure classes containing numbers followed by dash or underscore are extracted correctly (#​16980)
  • Ensure arbitrary container queries are extracted correctly (#​16984)
  • Ensure classes ending in [ are extracted in Slim templating language (#​16985)
  • Ensure arbitrary variables with data types are extracted correctly (#​16986)

v4.0.10

Compare Source

Added
  • Add col-<number> and row-<number> utilities for grid-column and grid-row (#​15183)
Fixed
  • Ensure not-* does not remove :is(…) from variants (#​16825)
  • Ensure @keyframes are correctly emitted when using a prefix (#​16850)
  • Don't swallow @utility declarations when @apply is used in nested rules (#​16940)
  • Ensure outline-hidden behaves like outline-none outside of forced colors mode (#​16943)
  • Allow !important on CSS variables again (#​16873)
  • Vite: Do not crash when encountering an .svg file with # or ? in the filename (#​16957)
  • Ensure utilities are properly detected within square brackets (#​16306)
  • Ensure utilities are properly detected using Angular's conditional class binding syntax (#​16306)
  • Ensure utilities starting with numbers are properly extracted from Slim templates (#​16306)
  • Discard arbitrary property candidates that have guaranteed-invalid property names (#​16306)
Changed
  • Removed max-w-auto and max-h-auto utilities as they generate invalid CSS (#​16917)
  • Replaced the existing candidate extractor with a brand new extractor to improve maintainability, correctness, and performance (#​16306)

v4.0.9

Compare Source

Fixed
  • Make JS APIs available to plugins and configs in the Standalone CLI (#​15934)
  • Vite: Don't crash when importing a virtual module from JavaScript that ends in .css (#​16780)
  • Fix an issue where @reference "…" would sometimes omit keyframe animations (#​16774)
  • Ensure z-*! utilities are properly marked as !important (#​16795)
  • Read UTF-8 CSS files that start with a byte-order mark (BOM) (#​16800)
  • Ensure nested functions in selectors used with JavaScript plugins are not truncated (#​16802)
Changed
  • Emit variable fallbacks when using @reference "…" instead of duplicate CSS variable declarations (#​16774)

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

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)
  • 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

Fixed
  • Fix an issue causing the CLI to hang when processing Ruby files (#​17383)

v4.0.0

Compare Source

Added

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

v3.4.16

Compare Source

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

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)

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 is behind base branch, or you tick the rebase/retry checkbox.

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


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

This PR has been generated by Renovate Bot.

This PR contains the following updates: | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | [tailwindcss](https://tailwindcss.com) ([source](https://github.com/tailwindlabs/tailwindcss/tree/HEAD/packages/tailwindcss)) | [`^3.4.10` -> `^4.0.0`](https://renovatebot.com/diffs/npm/tailwindcss/3.4.10/4.1.1) | [![age](https://developer.mend.io/api/mc/badges/age/npm/tailwindcss/4.1.1?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/tailwindcss/4.1.1?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/tailwindcss/3.4.10/4.1.1?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/tailwindcss/3.4.10/4.1.1?slim=true)](https://docs.renovatebot.com/merge-confidence/) | | [tailwindcss](https://tailwindcss.com) ([source](https://github.com/tailwindlabs/tailwindcss/tree/HEAD/packages/tailwindcss)) | [`^3.4.10` -> `^4.0.0`](https://renovatebot.com/diffs/npm/tailwindcss/3.4.17/4.1.1) | [![age](https://developer.mend.io/api/mc/badges/age/npm/tailwindcss/4.1.1?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/tailwindcss/4.1.1?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/tailwindcss/3.4.17/4.1.1?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/tailwindcss/3.4.17/4.1.1?slim=true)](https://docs.renovatebot.com/merge-confidence/) | --- ### Release Notes <details> <summary>tailwindlabs/tailwindcss (tailwindcss)</summary> ### [`v4.1.1`](https://github.com/tailwindlabs/tailwindcss/blob/HEAD/CHANGELOG.md#411---2025-04-02) [Compare Source](https://github.com/tailwindlabs/tailwindcss/compare/v4.1.0...v4.1.1) ##### Fixed - Disable padding in `@source inline(…)` brace expansion ([#&#8203;17491](https://github.com/tailwindlabs/tailwindcss/pull/17491)) - Inject polyfills after `@import` and body-less `@layer` ([#&#8203;17493](https://github.com/tailwindlabs/tailwindcss/pull/17493)) - Ensure `@tailwindcss/cli` does not contain an import for `jiti` ([#&#8203;17502](https://github.com/tailwindlabs/tailwindcss/pull/17502)) ### [`v4.1.0`](https://github.com/tailwindlabs/tailwindcss/blob/HEAD/CHANGELOG.md#410---2025-04-01) [Compare Source](https://github.com/tailwindlabs/tailwindcss/compare/v4.0.17...v4.1.0) ##### Added - Add `details-content` variant ([#&#8203;15319](https://github.com/tailwindlabs/tailwindcss/pull/15319)) - Add `inverted-colors` variant ([#&#8203;11693](https://github.com/tailwindlabs/tailwindcss/pull/11693)) - Add `noscript` variant ([#&#8203;11929](https://github.com/tailwindlabs/tailwindcss/pull/11929), [#&#8203;17431](https://github.com/tailwindlabs/tailwindcss/pull/17431)) - Add `items-baseline-last` and `self-baseline-last` utilities ([#&#8203;13888](https://github.com/tailwindlabs/tailwindcss/pull/13888), [#&#8203;17476](https://github.com/tailwindlabs/tailwindcss/pull/17476)) - Add `pointer-none`, `pointer-coarse`, and `pointer-fine` variants ([#&#8203;16946](https://github.com/tailwindlabs/tailwindcss/pull/16946)) - Add `any-pointer-none`, `any-pointer-coarse`, and `any-pointer-fine` variants ([#&#8203;16941](https://github.com/tailwindlabs/tailwindcss/pull/16941)) - Add safe alignment utilities ([#&#8203;14607](https://github.com/tailwindlabs/tailwindcss/pull/14607)) - Add `user-valid` and `user-invalid` variants ([#&#8203;12370](https://github.com/tailwindlabs/tailwindcss/pull/12370)) - Add `wrap-anywhere`, `wrap-break-word`, and `wrap-normal` utilities ([#&#8203;12128](https://github.com/tailwindlabs/tailwindcss/pull/12128)) - Add `@source inline(…)` and `@source not inline(…)` ([#&#8203;17147](https://github.com/tailwindlabs/tailwindcss/pull/17147)) - Add `@source not "…"` ([#&#8203;17255](https://github.com/tailwindlabs/tailwindcss/pull/17255)) - Add `text-shadow-*` utilities ([#&#8203;17389](https://github.com/tailwindlabs/tailwindcss/pull/17389)) - Add `mask-*` utilities ([#&#8203;17134](https://github.com/tailwindlabs/tailwindcss/pull/17134)) - Add `bg-{position,size}-*` utilities for arbitrary values ([#&#8203;17432](https://github.com/tailwindlabs/tailwindcss/pull/17432)) - Add `shadow-*/<alpha>`, `inset-shadow-*/<alpha>`, `drop-shadow-*/<alpha>`, and `text-shadow-*/<alpha>` utilities to control shadow opacity ([#&#8203;17398](https://github.com/tailwindlabs/tailwindcss/pull/17398), [#&#8203;17434](https://github.com/tailwindlabs/tailwindcss/pull/17434)) - Add `drop-shadow-<color>` utilities ([#&#8203;17434](https://github.com/tailwindlabs/tailwindcss/pull/17434)) - Improve compatibility with older versions of Safari and Firefox ([#&#8203;17435](https://github.com/tailwindlabs/tailwindcss/pull/17435)) ##### Fixed - Follow symlinks when resolving `@source` directives ([#&#8203;17391](https://github.com/tailwindlabs/tailwindcss/pull/17391)) - Don't scan ignored files for classes when changing an ignored file triggers a rebuild using `@tailwindcss/cli` ([#&#8203;17255](https://github.com/tailwindlabs/tailwindcss/pull/17255)) - Support negated `content` rules in legacy JavaScript configuration ([#&#8203;17255](https://github.com/tailwindlabs/tailwindcss/pull/17255)) - Interpret syntax like `@("@&#8203;")md:…` as `@md:…` in Razor files ([#&#8203;17427](https://github.com/tailwindlabs/tailwindcss/pull/17427)) - Disallow top-level braces, top-level semicolons, and unbalanced parentheses and brackets in arbitrary values ([#&#8203;17361](https://github.com/tailwindlabs/tailwindcss/pull/17361)) - Ensure the `--theme(…)` function still resolves to the CSS variables when using legacy JS plugins ([#&#8203;17458](https://github.com/tailwindlabs/tailwindcss/pull/17458)) - Detect used theme variables in CSS module files ([#&#8203;17433](https://github.com/tailwindlabs/tailwindcss/pull/17433), [#&#8203;17467](https://github.com/tailwindlabs/tailwindcss/pull/17467)) ##### Changed - Ignore `node_modules` by default (can be overridden by `@source …` rules) ([#&#8203;17255](https://github.com/tailwindlabs/tailwindcss/pull/17255)) - `@source` rules that include file extensions or point inside `node_modules/` folders no longer consider your `.gitignore` rules ([#&#8203;17255](https://github.com/tailwindlabs/tailwindcss/pull/17255)) - Deprecate `bg-{left,right}-{top,bottom}` in favor of `bg-{top,bottom}-{left,right}` utilities ([#&#8203;17378](https://github.com/tailwindlabs/tailwindcss/pull/17378)) - Deprecate `object-{left,right}-{top,bottom}` in favor of `object-{top,bottom}-{left,right}` utilities ([#&#8203;17437](https://github.com/tailwindlabs/tailwindcss/pull/17437)) ### [`v4.0.17`](https://github.com/tailwindlabs/tailwindcss/blob/HEAD/CHANGELOG.md#4017---2025-03-26) [Compare Source](https://github.com/tailwindlabs/tailwindcss/compare/v4.0.16...v4.0.17) ##### Fixed - Fix an issue causing the CLI to hang when processing Ruby files ([#&#8203;17383](https://github.com/tailwindlabs/tailwindcss/pull/17383)) ### [`v4.0.16`](https://github.com/tailwindlabs/tailwindcss/blob/HEAD/CHANGELOG.md#4016---2025-03-25) [Compare Source](https://github.com/tailwindlabs/tailwindcss/compare/v4.0.15...v4.0.16) ##### Added - Add support for literal values in `--value('…')` and `--modifier('…')` ([#&#8203;17304](https://github.com/tailwindlabs/tailwindcss/pull/17304)) ##### Fixed - Fix class extraction followed by `(` in Pug ([#&#8203;17320](https://github.com/tailwindlabs/tailwindcss/pull/17320)) - Ensure `@keyframes` for theme animations are emitted if they are referenced following a comma ([#&#8203;17352](https://github.com/tailwindlabs/tailwindcss/pull/17352)) - Vite: Ensure that updates to an imported CSS file are properly propagated after updating source files ([#&#8203;17347](https://github.com/tailwindlabs/tailwindcss/pull/17347)) - Pre process `Slim` templates embedded in Ruby files ([#&#8203;17336](https://github.com/tailwindlabs/tailwindcss/pull/17336)) - Error when input and output files resolve to the same file when using the CLI ([#&#8203;17311](https://github.com/tailwindlabs/tailwindcss/pull/17311)) - Add missing suggestions when `--spacing(--value(integer, number))` is used ([#&#8203;17308](https://github.com/tailwindlabs/tailwindcss/pull/17308)) - Add `::-webkit-details-marker` pseudo to `marker` variant ([#&#8203;17362](https://github.com/tailwindlabs/tailwindcss/pull/17362)) ### [`v4.0.15`](https://github.com/tailwindlabs/tailwindcss/blob/HEAD/CHANGELOG.md#4015---2025-03-20) [Compare Source](https://github.com/tailwindlabs/tailwindcss/compare/v4.0.14...v4.0.15) ##### Fixed - Fix incorrect angle in `-bg-conic-*` utilities ([#&#8203;17174](https://github.com/tailwindlabs/tailwindcss/pull/17174)) - Fix `border-[12px_4px]` being interpreted as a `border-color` instead of a `border-width` ([#&#8203;17248](https://github.com/tailwindlabs/tailwindcss/pull/17248)) - Work around a crash in Safari 16.4 and 16.5 when using the default Preflight styles ([#&#8203;17306](https://github.com/tailwindlabs/tailwindcss/pull/17306)) - Pre-process `<template lang="…">` in Vue files ([#&#8203;17252](https://github.com/tailwindlabs/tailwindcss/pull/17252)) - Ensure that all CSS variables used by Preflight are prefixed ([#&#8203;17036](https://github.com/tailwindlabs/tailwindcss/pull/17036)) - Prevent segfault when loaded in a worker thread on Linux ([#&#8203;17276](https://github.com/tailwindlabs/tailwindcss/pull/17276)) - Ensure multiple `--value(…)` or `--modifier(…)` calls don't delete subsequent declarations ([#&#8203;17273](https://github.com/tailwindlabs/tailwindcss/pull/17273)) - Fix class extraction followed by `(` in Slim ([#&#8203;17278](https://github.com/tailwindlabs/tailwindcss/pull/17278)) - Export `PluginUtils` from `tailwindcss/plugin` for compatibility with v3 ([#&#8203;17299](https://github.com/tailwindlabs/tailwindcss/pull/17299)) - Remove redundant `line-height: initial` from Preflight ([#&#8203;15212](https://github.com/tailwindlabs/tailwindcss/pull/15212)) - Increase Standalone hardware compatibility on macOS x64 builds ([#&#8203;17267](https://github.com/tailwindlabs/tailwindcss/pull/17267)) - Ensure that the CSS file rebuilds if a new CSS variable is used from templates ([#&#8203;17301](https://github.com/tailwindlabs/tailwindcss/pull/17301)) ##### Changed - The `--theme(…)` function now returns CSS variables from your theme variables unless used inside positions where CSS variables are invalid (e.g. inside `@media` queries) ([#&#8203;17036](https://github.com/tailwindlabs/tailwindcss/pull/17036)) ### [`v4.0.14`](https://github.com/tailwindlabs/tailwindcss/blob/HEAD/CHANGELOG.md#4014---2025-03-13) [Compare Source](https://github.com/tailwindlabs/tailwindcss/compare/v4.0.13...v4.0.14) ##### Fixed - Do not extract candidates with JS string interpolation `${` ([#&#8203;17142](https://github.com/tailwindlabs/tailwindcss/pull/17142)) - Fix extraction of variants containing `.` character ([#&#8203;17153](https://github.com/tailwindlabs/tailwindcss/pull/17153)) - Fix extracting candidates in Clojure/ClojureScript ([#&#8203;17087](https://github.com/tailwindlabs/tailwindcss/pull/17087)) ### [`v4.0.13`](https://github.com/tailwindlabs/tailwindcss/blob/HEAD/CHANGELOG.md#4013---2025-03-11) [Compare Source](https://github.com/tailwindlabs/tailwindcss/compare/v4.0.12...v4.0.13) ##### Fixed - Fix Haml pre-processing ([#&#8203;17051](https://github.com/tailwindlabs/tailwindcss/pull/17051)) - Ensure `.node` and `.wasm` files are not scanned for utilities ([#&#8203;17123](https://github.com/tailwindlabs/tailwindcss/pull/17123)) - Improve performance when scanning JSON files ([#&#8203;17125](https://github.com/tailwindlabs/tailwindcss/pull/17125)) - Fix extracting candidates containing dots in Haml, Pug, and Slim pre processors ([#&#8203;17094](https://github.com/tailwindlabs/tailwindcss/pull/17094), [#&#8203;17085](https://github.com/tailwindlabs/tailwindcss/pull/17085), [#&#8203;17113](https://github.com/tailwindlabs/tailwindcss/pull/17113)) - Don't create invalid CSS when encountering a link wrapped in square brackets ([#&#8203;17129](https://github.com/tailwindlabs/tailwindcss/pull/17129)) ### [`v4.0.12`](https://github.com/tailwindlabs/tailwindcss/blob/HEAD/CHANGELOG.md#4012---2025-03-07) [Compare Source](https://github.com/tailwindlabs/tailwindcss/compare/v4.0.11...v4.0.12) ##### Fixed - Vite: Fix `url(…)` rebasing in transitively imported CSS files ([#&#8203;16965](https://github.com/tailwindlabs/tailwindcss/pull/16965)) - PostCSS: Rebase `url(…)`s in imported CSS files ([#&#8203;16965](https://github.com/tailwindlabs/tailwindcss/pull/16965)) - Ensure utilities are sorted based on their actual property order ([#&#8203;16995](https://github.com/tailwindlabs/tailwindcss/pull/16995)) - Ensure strings in Pug and Slim templates are handled correctly ([#&#8203;17000](https://github.com/tailwindlabs/tailwindcss/pull/17000)) - Ensure classes between `}` and `{` are properly extracted ([#&#8203;17001](https://github.com/tailwindlabs/tailwindcss/pull/17001)) - Fix `razor`/`cshtml` pre-processing ([#&#8203;17027](https://github.com/tailwindlabs/tailwindcss/pull/17027)) - Ensure extracting candidates from JS embedded in a PHP string works as expected ([#&#8203;17031](https://github.com/tailwindlabs/tailwindcss/pull/17031)) ### [`v4.0.11`](https://github.com/tailwindlabs/tailwindcss/blob/HEAD/CHANGELOG.md#4011---2025-03-06) [Compare Source](https://github.com/tailwindlabs/tailwindcss/compare/v4.0.10...v4.0.11) ##### Fixed - Ensure classes containing `--` are extracted correctly ([#&#8203;16972](https://github.com/tailwindlabs/tailwindcss/pull/16972)) - Ensure classes containing numbers followed by dash or underscore are extracted correctly ([#&#8203;16980](https://github.com/tailwindlabs/tailwindcss/pull/16980)) - Ensure arbitrary container queries are extracted correctly ([#&#8203;16984](https://github.com/tailwindlabs/tailwindcss/pull/16984)) - Ensure classes ending in `[` are extracted in Slim templating language ([#&#8203;16985](https://github.com/tailwindlabs/tailwindcss/pull/16985)) - Ensure arbitrary variables with data types are extracted correctly ([#&#8203;16986](https://github.com/tailwindlabs/tailwindcss/pull/16986)) ### [`v4.0.10`](https://github.com/tailwindlabs/tailwindcss/blob/HEAD/CHANGELOG.md#4010---2025-03-05) [Compare Source](https://github.com/tailwindlabs/tailwindcss/compare/v4.0.9...v4.0.10) ##### Added - Add `col-<number>` and `row-<number>` utilities for `grid-column` and `grid-row` ([#&#8203;15183](https://github.com/tailwindlabs/tailwindcss/pull/15183)) ##### Fixed - Ensure `not-*` does not remove `:is(…)` from variants ([#&#8203;16825](https://github.com/tailwindlabs/tailwindcss/pull/16825)) - Ensure `@keyframes` are correctly emitted when using a prefix ([#&#8203;16850](https://github.com/tailwindlabs/tailwindcss/pull/16850)) - Don't swallow `@utility` declarations when `@apply` is used in nested rules ([#&#8203;16940](https://github.com/tailwindlabs/tailwindcss/pull/16940)) - Ensure `outline-hidden` behaves like `outline-none` outside of forced colors mode ([#&#8203;16943](https://github.com/tailwindlabs/tailwindcss/pull/16943)) - Allow `!important` on CSS variables again ([#&#8203;16873](https://github.com/tailwindlabs/tailwindcss/pull/16873)) - Vite: Do not crash when encountering an `.svg` file with `#` or `?` in the filename ([#&#8203;16957](https://github.com/tailwindlabs/tailwindcss/pull/16957)) - Ensure utilities are properly detected within square brackets ([#&#8203;16306](https://github.com/tailwindlabs/tailwindcss/pull/16306)) - Ensure utilities are properly detected using Angular's conditional class binding syntax ([#&#8203;16306](https://github.com/tailwindlabs/tailwindcss/pull/16306)) - Ensure utilities starting with numbers are properly extracted from Slim templates ([#&#8203;16306](https://github.com/tailwindlabs/tailwindcss/pull/16306)) - Discard arbitrary property candidates that have guaranteed-invalid property names ([#&#8203;16306](https://github.com/tailwindlabs/tailwindcss/pull/16306)) ##### Changed - Removed `max-w-auto` and `max-h-auto` utilities as they generate invalid CSS ([#&#8203;16917](https://github.com/tailwindlabs/tailwindcss/pull/16917)) - Replaced the existing candidate extractor with a brand new extractor to improve maintainability, correctness, and performance ([#&#8203;16306](https://github.com/tailwindlabs/tailwindcss/pull/16306)) ### [`v4.0.9`](https://github.com/tailwindlabs/tailwindcss/blob/HEAD/CHANGELOG.md#409---2025-02-25) [Compare Source](https://github.com/tailwindlabs/tailwindcss/compare/v4.0.8...v4.0.9) ##### Fixed - Make JS APIs available to plugins and configs in the Standalone CLI ([#&#8203;15934](https://github.com/tailwindlabs/tailwindcss/pull/15934)) - Vite: Don't crash when importing a virtual module from JavaScript that ends in `.css` ([#&#8203;16780](https://github.com/tailwindlabs/tailwindcss/pull/16780)) - Fix an issue where `@reference "…"` would sometimes omit keyframe animations ([#&#8203;16774](https://github.com/tailwindlabs/tailwindcss/pull/16774)) - Ensure `z-*!` utilities are properly marked as `!important` ([#&#8203;16795](https://github.com/tailwindlabs/tailwindcss/pull/16795)) - Read UTF-8 CSS files that start with a byte-order mark (BOM) ([#&#8203;16800](https://github.com/tailwindlabs/tailwindcss/pull/16800)) - Ensure nested functions in selectors used with JavaScript plugins are not truncated ([#&#8203;16802](https://github.com/tailwindlabs/tailwindcss/pull/16802)) ##### Changed - Emit variable fallbacks when using `@reference "…"` instead of duplicate CSS variable declarations ([#&#8203;16774](https://github.com/tailwindlabs/tailwindcss/pull/16774)) ### [`v4.0.8`](https://github.com/tailwindlabs/tailwindcss/blob/HEAD/CHANGELOG.md#408---2025-02-21) [Compare Source](https://github.com/tailwindlabs/tailwindcss/compare/v4.0.7...v4.0.8) ##### Added - Allow `@import` with `theme(…)` options for stylesheets that contain more than just `@theme` rules ([#&#8203;16514](https://github.com/tailwindlabs/tailwindcss/pull/16514)) ##### Fixed - Don't add `!important` to CSS variable declarations when using the important modifier ([#&#8203;16668](https://github.com/tailwindlabs/tailwindcss/pull/16668)) - Vite: Ignore files and directories specified in your `.gitignore` file when using automatic source detection([#&#8203;16631](https://github.com/tailwindlabs/tailwindcss/pull/16631)) - Vite: Don't rely on the module graph for detecting candidates to ensure setups with multiple Vite builds work as expected ([#&#8203;16631](https://github.com/tailwindlabs/tailwindcss/pull/16631)) - Vite: Ensure Astro production builds always contain classes used in client-only components ([#&#8203;16631](https://github.com/tailwindlabs/tailwindcss/pull/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 ([#&#8203;16631](https://github.com/tailwindlabs/tailwindcss/pull/16631)) - Ensure utilities with more declarations are always sorted before utilities with fewer declarations when utilities only define CSS variables ([#&#8203;16715](https://github.com/tailwindlabs/tailwindcss/pull/16715)) - Only include `translate-z-px` utilities once in compiled CSS ([#&#8203;16718](https://github.com/tailwindlabs/tailwindcss/pull/16718)) ##### Changed - Don't include theme variables that aren't used in compiled CSS ([#&#8203;16211](https://github.com/tailwindlabs/tailwindcss/pull/16211), [#&#8203;16676](https://github.com/tailwindlabs/tailwindcss/pull/16676)) ### [`v4.0.7`](https://github.com/tailwindlabs/tailwindcss/blob/HEAD/CHANGELOG.md#407---2025-02-18) [Compare Source](https://github.com/tailwindlabs/tailwindcss/compare/v4.0.6...v4.0.7) ##### Fixed - Export `tailwindcss/lib/util/flattenColorPalette.js` for backward compatibility ([#&#8203;16411](https://github.com/tailwindlabs/tailwindcss/pull/16411)) - Fix sorting of numeric utility suggestions when they have different magnitudes ([#&#8203;16414](https://github.com/tailwindlabs/tailwindcss/pull/16414)) - Show suggestions for fractions in IntelliSense ([#&#8203;16353](https://github.com/tailwindlabs/tailwindcss/pull/16353)) - Don’t replace `_` in suggested theme keys ([#&#8203;16433](https://github.com/tailwindlabs/tailwindcss/pull/16433)) - Ensure `--default-outline-width` can be used to change the `outline-width` value of the `outline` utility ([#&#8203;16469](https://github.com/tailwindlabs/tailwindcss/pull/16469)) - Ensure drop shadow utilities don't inherit unexpectedly ([#&#8203;16471](https://github.com/tailwindlabs/tailwindcss/pull/16471)) - Export config and plugin types from `tailwindcss/plugin` for backward compatibility ([#&#8203;16505](https://github.com/tailwindlabs/tailwindcss/pull/16505)) - Ensure JavaScript plugins that emit nested rules referencing the utility name work as expected ([#&#8203;16539](https://github.com/tailwindlabs/tailwindcss/pull/16539)) - Statically link Visual Studio redistributables in `@tailwindcss/oxide` Windows builds ([#&#8203;16602](https://github.com/tailwindlabs/tailwindcss/pull/16602)) - Ensure that Next.js splat routes are scanned for classes ([#&#8203;16457](https://github.com/tailwindlabs/tailwindcss/pull/16457)) - Pin exact version of `tailwindcss` in `@tailwindcss/*` packages ([#&#8203;16623](https://github.com/tailwindlabs/tailwindcss/pull/16623)) - Upgrade: Report errors when updating dependencies ([#&#8203;16504](https://github.com/tailwindlabs/tailwindcss/pull/16504)) - Upgrade: Ensure a `darkMode` JS config setting with block syntax converts to use `@slot` ([#&#8203;16507](https://github.com/tailwindlabs/tailwindcss/pull/16507)) - Upgrade: Ensure the latest version of `tailwindcss` and `@tailwindcss/postcss` are installed when upgrading ([#&#8203;16620](https://github.com/tailwindlabs/tailwindcss/pull/16620)) ### [`v4.0.6`](https://github.com/tailwindlabs/tailwindcss/blob/HEAD/CHANGELOG.md#406---2025-02-10) [Compare Source](https://github.com/tailwindlabs/tailwindcss/compare/v4.0.5...v4.0.6) ##### Fixed - Revert change to no longer include theme variables that aren't used in compiled CSS ([#&#8203;16403](https://github.com/tailwindlabs/tailwindcss/pull/16403)) - Upgrade: Don't migrate `blur` to `blur-sm` when used with Next.js `<Image placeholder="blur" />` ([#&#8203;16405](https://github.com/tailwindlabs/tailwindcss/pull/16405)) ### [`v4.0.5`](https://github.com/tailwindlabs/tailwindcss/blob/HEAD/CHANGELOG.md#405---2025-02-08) [Compare Source](https://github.com/tailwindlabs/tailwindcss/compare/v4.0.4...v4.0.5) ##### Added - Add `@theme static` option for always including theme variables in compiled CSS ([#&#8203;16211](https://github.com/tailwindlabs/tailwindcss/pull/16211)) ##### Fixed - Remove rogue `console.log` from `@tailwindcss/vite` ([#&#8203;16307](https://github.com/tailwindlabs/tailwindcss/pull/16307)) ##### Changed - Don't include theme variables that aren't used in compiled CSS ([#&#8203;16211](https://github.com/tailwindlabs/tailwindcss/pull/16211)) ### [`v4.0.4`](https://github.com/tailwindlabs/tailwindcss/blob/HEAD/CHANGELOG.md#404---2025-02-06) [Compare Source](https://github.com/tailwindlabs/tailwindcss/compare/v4.0.3...v4.0.4) ##### Fixed - Fix a crash when setting JS theme values to `null` ([#&#8203;16210](https://github.com/tailwindlabs/tailwindcss/pull/16210)) - Ensure escaped underscores in CSS variables in arbitrary values are properly unescaped ([#&#8203;16206](https://github.com/tailwindlabs/tailwindcss/pull/16206)) - Ensure that the `containers` JS theme key is added to the `--container-*` namespace ([#&#8203;16169](https://github.com/tailwindlabs/tailwindcss/pull/16169)) - Ensure theme `@keyframes` are generated even if an `--animation-*` variable spans multiple lines ([#&#8203;16237](https://github.com/tailwindlabs/tailwindcss/pull/16237)) - Vite: Skip parsing stylesheets with the `?commonjs-proxy` flag ([#&#8203;16238](https://github.com/tailwindlabs/tailwindcss/pull/16238)) - Fix `order-first` and `order-last` for Firefox ([#&#8203;16266](https://github.com/tailwindlabs/tailwindcss/pull/16266)) - Fix support for older instruction sets on Linux x64 builds of the standalone CLI ([#&#8203;16244](https://github.com/tailwindlabs/tailwindcss/pull/16244)) - Ensure `NODE_PATH` is respected when resolving JavaScript and CSS files ([#&#8203;16274](https://github.com/tailwindlabs/tailwindcss/pull/16274)) - Ensure Node addons are packaged correctly with FreeBSD builds ([#&#8203;16277](https://github.com/tailwindlabs/tailwindcss/pull/16277)) - Fix an issue where `@variant` inside a referenced stylesheet could cause a stack overflow ([#&#8203;16300](https://github.com/tailwindlabs/tailwindcss/pull/16300)) ### [`v4.0.3`](https://github.com/tailwindlabs/tailwindcss/blob/HEAD/CHANGELOG.md#403---2025-02-01) [Compare Source](https://github.com/tailwindlabs/tailwindcss/compare/v4.0.2...v4.0.3) ##### Fixed - Fix incorrect removal of `@import url();` ([#&#8203;16144](https://github.com/tailwindlabs/tailwindcss/pull/16144)) ### [`v4.0.2`](https://github.com/tailwindlabs/tailwindcss/blob/HEAD/CHANGELOG.md#402---2025-01-31) [Compare Source](https://github.com/tailwindlabs/tailwindcss/compare/v4.0.1...v4.0.2) ##### Fixed - Only generate positive `grid-cols-*` and `grid-rows-*` utilities ([#&#8203;16020](https://github.com/tailwindlabs/tailwindcss/pull/16020)) - Ensure escaped theme variables are handled correctly ([#&#8203;16064](https://github.com/tailwindlabs/tailwindcss/pull/16064)) - Ensure we process Tailwind CSS features when only using `@reference` or `@variant` ([#&#8203;16057](https://github.com/tailwindlabs/tailwindcss/pull/16057)) - Refactor gradient implementation to work around [prettier/prettier#17058](https://github.com/prettier/prettier/issues/17058) ([#&#8203;16072](https://github.com/tailwindlabs/tailwindcss/pull/16072)) - Vite: Ensure hot-reloading works with SolidStart setups ([#&#8203;16052](https://github.com/tailwindlabs/tailwindcss/pull/16052)) - Vite: Fix a crash when starting the development server in SolidStart setups ([#&#8203;16052](https://github.com/tailwindlabs/tailwindcss/pull/16052)) - Vite: Don't rebase URLs that appear to be aliases ([#&#8203;16078](https://github.com/tailwindlabs/tailwindcss/pull/16078)) - Vite: Transform `<style>` blocks in HTML files ([#&#8203;16069](https://github.com/tailwindlabs/tailwindcss/pull/16069)) - Prevent camel-casing CSS custom properties added by JavaScript plugins ([#&#8203;16103](https://github.com/tailwindlabs/tailwindcss/pull/16103)) - Do not emit `@keyframes` in `@theme reference` ([#&#8203;16120](https://github.com/tailwindlabs/tailwindcss/pull/16120)) - Discard invalid declarations when parsing CSS ([#&#8203;16093](https://github.com/tailwindlabs/tailwindcss/pull/16093)) - Do not emit empty CSS rules and at-rules ([#&#8203;16121](https://github.com/tailwindlabs/tailwindcss/pull/16121)) - Handle `@variant` when at the top-level of a stylesheet ([#&#8203;16129](https://github.com/tailwindlabs/tailwindcss/pull/16129)) ### [`v4.0.1`](https://github.com/tailwindlabs/tailwindcss/blob/HEAD/CHANGELOG.md#4017---2025-03-26) [Compare Source](https://github.com/tailwindlabs/tailwindcss/compare/v4.0.0...v4.0.1) ##### Fixed - Fix an issue causing the CLI to hang when processing Ruby files ([#&#8203;17383](https://github.com/tailwindlabs/tailwindcss/pull/17383)) ### [`v4.0.0`](https://github.com/tailwindlabs/tailwindcss/blob/HEAD/CHANGELOG.md#400---2025-01-21) [Compare Source](https://github.com/tailwindlabs/tailwindcss/compare/v3.4.17...v4.0.0) ##### Added - [New high-performance engine](https://tailwindcss.com/blog/tailwindcss-v4#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](https://tailwindcss.com/blog/tailwindcss-v4#designed-for-the-modern-web) — built on cutting-edge CSS features like cascade layers, registered custom properties with `@property`, and `color-mix()`. - [Simplified installation](https://tailwindcss.com/blog/tailwindcss-v4#simplified-installation) — fewer dependencies, zero configuration, and just a single line of code in your CSS file. - [First-party Vite plugin](https://tailwindcss.com/blog/tailwindcss-v4#first-party-vite-plugin) — tight integration for maximum performance and minimum configuration. - [Automatic content detection](https://tailwindcss.com/blog/tailwindcss-v4#automatic-content-detection) — all of your template files are discovered automatically, with no configuration required. - [Built-in import support](https://tailwindcss.com/blog/tailwindcss-v4#built-in-import-support) — no additional tooling necessary to bundle multiple CSS files. - [CSS-first configuration](https://tailwindcss.com/blog/tailwindcss-v4#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](https://tailwindcss.com/blog/tailwindcss-v4#css-theme-variables) — all of your design tokens exposed as native CSS variables so you can access them anywhere. - [Dynamic utility values and variants](https://tailwindcss.com/blog/tailwindcss-v4#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](https://tailwindcss.com/blog/tailwindcss-v4#modernized-p3-color-palette) — a redesigned, more vivid color palette that takes full advantage of modern display technology. - [Container queries](https://tailwindcss.com/blog/tailwindcss-v4#container-queries) — first-class APIs for styling elements based on their container size, no plugins required. - [New 3D transform utilities](https://tailwindcss.com/blog/tailwindcss-v4#new-3d-transform-utilities) — transform elements in 3D space directly in your HTML. - [Expanded gradient APIs](https://tailwindcss.com/blog/tailwindcss-v4#expanded-gradient-apis) — radial and conic gradients, interpolation modes, and more. - [@&#8203;starting-style support](https://tailwindcss.com/blog/tailwindcss-v4#starting-style-support) — a new variant you can use to create enter and exit transitions, without the need for JavaScript. - [not-\* variant](https://tailwindcss.com/blog/tailwindcss-v4#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](https://tailwindcss.com/blog/tailwindcss-v4#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](https://tailwindcss.com/docs/installation/), or playing with it directly in the browser on [Tailwind Play](https://play.tailwindcss.com/). For existing projects, we've published a comprehensive [upgrade guide](https://tailwindcss.com/docs/upgrade-guide) and built an [automated upgrade tool](https://tailwindcss.com/docs/upgrade-guide#using-the-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](https://tailwindcss.com/blog/tailwindcss-v4). ### [`v3.4.17`](https://github.com/tailwindlabs/tailwindcss/blob/HEAD/CHANGELOG.md#3417---2024-12-17) [Compare Source](https://github.com/tailwindlabs/tailwindcss/compare/v3.4.16...v3.4.17) ##### Fixed - Work around Node v22.12+ issue ([#&#8203;15421](https://github.com/tailwindlabs/tailwindcss/pull/15421)) ### [`v3.4.16`](https://github.com/tailwindlabs/tailwindcss/blob/HEAD/CHANGELOG.md#3416---2024-12-03) [Compare Source](https://github.com/tailwindlabs/tailwindcss/compare/v3.4.15...v3.4.16) ##### Fixed - Ensure the TypeScript types for `PluginsConfig` allow `undefined` values ([#&#8203;14668](https://github.com/tailwindlabs/tailwindcss/pull/14668)) ### [`v3.4.15`](https://github.com/tailwindlabs/tailwindcss/blob/HEAD/CHANGELOG.md#3415---2024-11-14) [Compare Source](https://github.com/tailwindlabs/tailwindcss/compare/v3.4.14...v3.4.15) - Bump versions for security vulnerabilities ([#&#8203;14697](https://github.com/tailwindlabs/tailwindcss/pull/14697)) - Ensure the TypeScript types for the `boxShadow` theme configuration allows arrays ([#&#8203;14856](https://github.com/tailwindlabs/tailwindcss/pull/14856)) - Set fallback for opacity variables to ensure setting colors with the `selection:*` variant works in Chrome 131 ([#&#8203;15003](https://github.com/tailwindlabs/tailwindcss/pull/15003)) ### [`v3.4.14`](https://github.com/tailwindlabs/tailwindcss/blob/HEAD/CHANGELOG.md#3414---2024-10-15) [Compare Source](https://github.com/tailwindlabs/tailwindcss/compare/v3.4.13...v3.4.14) ##### Fixed - Don't set `display: none` on elements that use `hidden="until-found"` ([#&#8203;14625](https://github.com/tailwindlabs/tailwindcss/pull/14625)) ### [`v3.4.13`](https://github.com/tailwindlabs/tailwindcss/blob/HEAD/CHANGELOG.md#3413---2024-09-23) [Compare Source](https://github.com/tailwindlabs/tailwindcss/compare/v3.4.12...v3.4.13) ##### Fixed - Improve source glob verification performance ([#&#8203;14481](https://github.com/tailwindlabs/tailwindcss/pull/14481)) ### [`v3.4.12`](https://github.com/tailwindlabs/tailwindcss/blob/HEAD/CHANGELOG.md#3412---2024-09-17) [Compare Source](https://github.com/tailwindlabs/tailwindcss/compare/v3.4.11...v3.4.12) ##### Fixed - Ensure using `@apply` with utilities that use `@defaults` works with rules defined in the base layer when using `optimizeUniversalDefaults` ([#&#8203;14427](https://github.com/tailwindlabs/tailwindcss/pull/14427)) ### [`v3.4.11`](https://github.com/tailwindlabs/tailwindcss/blob/HEAD/CHANGELOG.md#3411---2024-09-11) [Compare Source](https://github.com/tailwindlabs/tailwindcss/compare/v3.4.10...v3.4.11) ##### Fixed - Allow `anchor-size(…)` in arbitrary values ([#&#8203;14393](https://github.com/tailwindlabs/tailwindcss/pull/14393)) </details> --- ### 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 is behind base branch, or you tick the rebase/retry checkbox. 🔕 **Ignore**: Close this PR and you won't be reminded about these updates again. --- - [ ] <!-- rebase-check -->If you want to rebase/retry this PR, check this box --- This PR has been generated by [Renovate Bot](https://github.com/renovatebot/renovate). <!--renovate-debug:eyJjcmVhdGVkSW5WZXIiOiIzOS4yMTkuMiIsInVwZGF0ZWRJblZlciI6IjM5LjIzMC4yIiwidGFyZ2V0QnJhbmNoIjoibWFpbiIsImxhYmVscyI6W119-->
Renovate added 1 commit 2025-03-27 14:13:30 +00:00
chore(deps): update dependency tailwindcss to v4
Some checks failed
renovate/artifacts Artifact file update failure
c388f639a1
Author
Collaborator

⚠️ 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 warn Unknown env config "store". This will stop working in the next major version of npm.
npm error code ERESOLVE
npm error ERESOLVE could not resolve
npm error
npm error While resolving: @angular-devkit/build-angular@19.0.2
npm error Found: tailwindcss@4.0.17
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 peerOptional tailwindcss@"^2.0.0 || ^3.0.0" from @angular-devkit/build-angular@19.0.2
npm error node_modules/@angular-devkit/build-angular
npm error   dev @angular-devkit/build-angular@"^19.0.2" from the root project
npm error
npm error Conflicting peer dependency: tailwindcss@3.4.17
npm error node_modules/tailwindcss
npm error   peerOptional tailwindcss@"^2.0.0 || ^3.0.0" from @angular-devkit/build-angular@19.0.2
npm error   node_modules/@angular-devkit/build-angular
npm error     dev @angular-devkit/build-angular@"^19.0.2" 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-03-27T14_13_26_114Z-eresolve-report.txt
npm error A complete log of this run can be found in: /tmp/renovate-cache/others/npm/_logs/2025-03-27T14_13_26_114Z-debug-0.log

### ⚠️ 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 warn Unknown env config "store". This will stop working in the next major version of npm. npm error code ERESOLVE npm error ERESOLVE could not resolve npm error npm error While resolving: @angular-devkit/build-angular@19.0.2 npm error Found: tailwindcss@4.0.17 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 peerOptional tailwindcss@"^2.0.0 || ^3.0.0" from @angular-devkit/build-angular@19.0.2 npm error node_modules/@angular-devkit/build-angular npm error dev @angular-devkit/build-angular@"^19.0.2" from the root project npm error npm error Conflicting peer dependency: tailwindcss@3.4.17 npm error node_modules/tailwindcss npm error peerOptional tailwindcss@"^2.0.0 || ^3.0.0" from @angular-devkit/build-angular@19.0.2 npm error node_modules/@angular-devkit/build-angular npm error dev @angular-devkit/build-angular@"^19.0.2" 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-03-27T14_13_26_114Z-eresolve-report.txt npm error A complete log of this run can be found in: /tmp/renovate-cache/others/npm/_logs/2025-03-27T14_13_26_114Z-debug-0.log ```
Some checks failed
renovate/artifacts Artifact file update failure
This pull request can be merged automatically.
You are not authorized to merge this pull request.
View command line instructions

Checkout

From your project repository, check out a new branch and test the changes.
git fetch -u origin renovate/major-tailwindcss-monorepo:renovate/major-tailwindcss-monorepo
git checkout renovate/major-tailwindcss-monorepo
Sign in to join this conversation.
No reviewers
No labels
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference: jank/angular-hotel-manager#31
No description provided.