Update dependency tailwindcss to v4 (#2019)

This PR contains the following updates:

| Package | Type | Update | Change |
|---|---|---|---|
| [tailwindcss](https://tailwindcss.com)
([source](https://redirect.github.com/tailwindlabs/tailwindcss/tree/HEAD/packages/tailwindcss))
| dependencies | major | [`3.4.17` ->
`4.0.15`](https://renovatebot.com/diffs/npm/tailwindcss/3.4.17/4.0.15) |

---

> [!WARNING]
> Some dependencies could not be looked up. Check the Dependency
Dashboard for more information.

---

### Release Notes

<details>
<summary>tailwindlabs/tailwindcss (tailwindcss)</summary>

###
[`v4.0.15`](https://redirect.github.com/tailwindlabs/tailwindcss/blob/HEAD/CHANGELOG.md#4015---2025-03-20)

[Compare
Source](https://redirect.github.com/tailwindlabs/tailwindcss/compare/v4.0.14...v4.0.15)

###
[`v4.0.14`](https://redirect.github.com/tailwindlabs/tailwindcss/blob/HEAD/CHANGELOG.md#4014---2025-03-13)

[Compare
Source](https://redirect.github.com/tailwindlabs/tailwindcss/compare/v4.0.13...v4.0.14)

##### Fixed

- Do not extract candidates with JS string interpolation `${`
([#&#8203;17142](https://redirect.github.com/tailwindlabs/tailwindcss/pull/17142))
- Fix extraction of variants containing `.` character
([#&#8203;17153](https://redirect.github.com/tailwindlabs/tailwindcss/pull/17153))
- Fix extracting candidates in Clojure/ClojureScript
([#&#8203;17087](https://redirect.github.com/tailwindlabs/tailwindcss/pull/17087))

###
[`v4.0.13`](https://redirect.github.com/tailwindlabs/tailwindcss/blob/HEAD/CHANGELOG.md#4013---2025-03-11)

[Compare
Source](https://redirect.github.com/tailwindlabs/tailwindcss/compare/v4.0.12...v4.0.13)

##### Fixed

- Fix Haml pre-processing
([#&#8203;17051](https://redirect.github.com/tailwindlabs/tailwindcss/pull/17051))
- Ensure `.node` and `.wasm` files are not scanned for utilities
([#&#8203;17123](https://redirect.github.com/tailwindlabs/tailwindcss/pull/17123))
- Improve performance when scanning JSON files
([#&#8203;17125](https://redirect.github.com/tailwindlabs/tailwindcss/pull/17125))
- Fix extracting candidates containing dots in Haml, Pug, and Slim pre
processors
([#&#8203;17094](https://redirect.github.com/tailwindlabs/tailwindcss/pull/17094),
[#&#8203;17085](https://redirect.github.com/tailwindlabs/tailwindcss/pull/17085),
[#&#8203;17113](https://redirect.github.com/tailwindlabs/tailwindcss/pull/17113))
- Don't create invalid CSS when encountering a link wrapped in square
brackets
([#&#8203;17129](https://redirect.github.com/tailwindlabs/tailwindcss/pull/17129))

###
[`v4.0.12`](https://redirect.github.com/tailwindlabs/tailwindcss/blob/HEAD/CHANGELOG.md#4012---2025-03-07)

[Compare
Source](https://redirect.github.com/tailwindlabs/tailwindcss/compare/v4.0.11...v4.0.12)

##### Fixed

- Vite: Fix `url(…)` rebasing in transitively imported CSS files
([#&#8203;16965](https://redirect.github.com/tailwindlabs/tailwindcss/pull/16965))
- PostCSS: Rebase `url(…)`s in imported CSS files
([#&#8203;16965](https://redirect.github.com/tailwindlabs/tailwindcss/pull/16965))
- Ensure utilities are sorted based on their actual property order
([#&#8203;16995](https://redirect.github.com/tailwindlabs/tailwindcss/pull/16995))
- Ensure strings in Pug and Slim templates are handled correctly
([#&#8203;17000](https://redirect.github.com/tailwindlabs/tailwindcss/pull/17000))
- Ensure classes between `}` and `{` are properly extracted
([#&#8203;17001](https://redirect.github.com/tailwindlabs/tailwindcss/pull/17001))
- Fix `razor`/`cshtml` pre-processing
([#&#8203;17027](https://redirect.github.com/tailwindlabs/tailwindcss/pull/17027))
- Ensure extracting candidates from JS embedded in a PHP string works as
expected
([#&#8203;17031](https://redirect.github.com/tailwindlabs/tailwindcss/pull/17031))

###
[`v4.0.11`](https://redirect.github.com/tailwindlabs/tailwindcss/blob/HEAD/CHANGELOG.md#4011---2025-03-06)

[Compare
Source](https://redirect.github.com/tailwindlabs/tailwindcss/compare/v4.0.10...v4.0.11)

##### Fixed

- Ensure classes containing `--` are extracted correctly
([#&#8203;16972](https://redirect.github.com/tailwindlabs/tailwindcss/pull/16972))
- Ensure classes containing numbers followed by dash or underscore are
extracted correctly
([#&#8203;16980](https://redirect.github.com/tailwindlabs/tailwindcss/pull/16980))
- Ensure arbitrary container queries are extracted correctly
([#&#8203;16984](https://redirect.github.com/tailwindlabs/tailwindcss/pull/16984))
- Ensure classes ending in `[` are extracted in Slim templating language
([#&#8203;16985](https://redirect.github.com/tailwindlabs/tailwindcss/pull/16985))
- Ensure arbitrary variables with data types are extracted correctly
([#&#8203;16986](https://redirect.github.com/tailwindlabs/tailwindcss/pull/16986))

###
[`v4.0.10`](https://redirect.github.com/tailwindlabs/tailwindcss/blob/HEAD/CHANGELOG.md#4010---2025-03-05)

[Compare
Source](https://redirect.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://redirect.github.com/tailwindlabs/tailwindcss/pull/15183))

##### Fixed

- Ensure `not-*` does not remove `:is(…)` from variants
([#&#8203;16825](https://redirect.github.com/tailwindlabs/tailwindcss/pull/16825))
- Ensure `@keyframes` are correctly emitted when using a prefix
([#&#8203;16850](https://redirect.github.com/tailwindlabs/tailwindcss/pull/16850))
- Don't swallow `@utility` declarations when `@apply` is used in nested
rules
([#&#8203;16940](https://redirect.github.com/tailwindlabs/tailwindcss/pull/16940))
- Ensure `outline-hidden` behaves like `outline-none` outside of forced
colors mode
([#&#8203;16943](https://redirect.github.com/tailwindlabs/tailwindcss/pull/16943))
- Allow `!important` on CSS variables again
([#&#8203;16873](https://redirect.github.com/tailwindlabs/tailwindcss/pull/16873))
- Vite: Do not crash when encountering an `.svg` file with `#` or `?` in
the filename
([#&#8203;16957](https://redirect.github.com/tailwindlabs/tailwindcss/pull/16957))
- Ensure utilities are properly detected within square brackets
([#&#8203;16306](https://redirect.github.com/tailwindlabs/tailwindcss/pull/16306))
- Ensure utilities are properly detected using Angular's conditional
class binding syntax
([#&#8203;16306](https://redirect.github.com/tailwindlabs/tailwindcss/pull/16306))
- Ensure utilities starting with numbers are properly extracted from
Slim templates
([#&#8203;16306](https://redirect.github.com/tailwindlabs/tailwindcss/pull/16306))
- Discard arbitrary property candidates that have guaranteed-invalid
property names
([#&#8203;16306](https://redirect.github.com/tailwindlabs/tailwindcss/pull/16306))

##### Changed

- Removed `max-w-auto` and `max-h-auto` utilities as they generate
invalid CSS
([#&#8203;16917](https://redirect.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://redirect.github.com/tailwindlabs/tailwindcss/pull/16306))

###
[`v4.0.9`](https://redirect.github.com/tailwindlabs/tailwindcss/blob/HEAD/CHANGELOG.md#409---2025-02-25)

[Compare
Source](https://redirect.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://redirect.github.com/tailwindlabs/tailwindcss/pull/15934))
- Vite: Don't crash when importing a virtual module from JavaScript that
ends in `.css`
([#&#8203;16780](https://redirect.github.com/tailwindlabs/tailwindcss/pull/16780))
- Fix an issue where `@reference "…"` would sometimes omit keyframe
animations
([#&#8203;16774](https://redirect.github.com/tailwindlabs/tailwindcss/pull/16774))
- Ensure `z-*!` utilities are properly marked as `!important`
([#&#8203;16795](https://redirect.github.com/tailwindlabs/tailwindcss/pull/16795))
- Read UTF-8 CSS files that start with a byte-order mark (BOM)
([#&#8203;16800](https://redirect.github.com/tailwindlabs/tailwindcss/pull/16800))
- Ensure nested functions in selectors used with JavaScript plugins are
not truncated
([#&#8203;16802](https://redirect.github.com/tailwindlabs/tailwindcss/pull/16802))

##### Changed

- Emit variable fallbacks when using `@reference "…"` instead of
duplicate CSS variable declarations
([#&#8203;16774](https://redirect.github.com/tailwindlabs/tailwindcss/pull/16774))

###
[`v4.0.8`](https://redirect.github.com/tailwindlabs/tailwindcss/blob/HEAD/CHANGELOG.md#408---2025-02-21)

[Compare
Source](https://redirect.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://redirect.github.com/tailwindlabs/tailwindcss/pull/16514))

##### Fixed

- Don't add `!important` to CSS variable declarations when using the
important modifier
([#&#8203;16668](https://redirect.github.com/tailwindlabs/tailwindcss/pull/16668))
- Vite: Ignore files and directories specified in your `.gitignore` file
when using automatic source
detection([#&#8203;16631](https://redirect.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://redirect.github.com/tailwindlabs/tailwindcss/pull/16631))
- Vite: Ensure Astro production builds always contain classes used in
client-only components
([#&#8203;16631](https://redirect.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://redirect.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://redirect.github.com/tailwindlabs/tailwindcss/pull/16715))
- Only include `translate-z-px` utilities once in compiled CSS
([#&#8203;16718](https://redirect.github.com/tailwindlabs/tailwindcss/pull/16718))

##### Changed

- Don't include theme variables that aren't used in compiled CSS
([#&#8203;16211](https://redirect.github.com/tailwindlabs/tailwindcss/pull/16211),
[#&#8203;16676](https://redirect.github.com/tailwindlabs/tailwindcss/pull/16676))

###
[`v4.0.7`](https://redirect.github.com/tailwindlabs/tailwindcss/blob/HEAD/CHANGELOG.md#407---2025-02-18)

[Compare
Source](https://redirect.github.com/tailwindlabs/tailwindcss/compare/v4.0.6...v4.0.7)

##### Fixed

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

###
[`v4.0.6`](https://redirect.github.com/tailwindlabs/tailwindcss/blob/HEAD/CHANGELOG.md#406---2025-02-10)

[Compare
Source](https://redirect.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://redirect.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://redirect.github.com/tailwindlabs/tailwindcss/pull/16405))

###
[`v4.0.5`](https://redirect.github.com/tailwindlabs/tailwindcss/blob/HEAD/CHANGELOG.md#405---2025-02-08)

[Compare
Source](https://redirect.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://redirect.github.com/tailwindlabs/tailwindcss/pull/16211))

##### Fixed

- Remove rogue `console.log` from `@tailwindcss/vite`
([#&#8203;16307](https://redirect.github.com/tailwindlabs/tailwindcss/pull/16307))

##### Changed

- Don't include theme variables that aren't used in compiled CSS
([#&#8203;16211](https://redirect.github.com/tailwindlabs/tailwindcss/pull/16211))

###
[`v4.0.4`](https://redirect.github.com/tailwindlabs/tailwindcss/blob/HEAD/CHANGELOG.md#404---2025-02-06)

[Compare
Source](https://redirect.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://redirect.github.com/tailwindlabs/tailwindcss/pull/16210))
- Ensure escaped underscores in CSS variables in arbitrary values are
properly unescaped
([#&#8203;16206](https://redirect.github.com/tailwindlabs/tailwindcss/pull/16206))
- Ensure that the `containers` JS theme key is added to the
`--container-*` namespace
([#&#8203;16169](https://redirect.github.com/tailwindlabs/tailwindcss/pull/16169))
- Ensure theme `@keyframes` are generated even if an `--animation-*`
variable spans multiple lines
([#&#8203;16237](https://redirect.github.com/tailwindlabs/tailwindcss/pull/16237))
- Vite: Skip parsing stylesheets with the `?commonjs-proxy` flag
([#&#8203;16238](https://redirect.github.com/tailwindlabs/tailwindcss/pull/16238))
- Fix `order-first` and `order-last` for Firefox
([#&#8203;16266](https://redirect.github.com/tailwindlabs/tailwindcss/pull/16266))
- Fix support for older instruction sets on Linux x64 builds of the
standalone CLI
([#&#8203;16244](https://redirect.github.com/tailwindlabs/tailwindcss/pull/16244))
- Ensure `NODE_PATH` is respected when resolving JavaScript and CSS
files
([#&#8203;16274](https://redirect.github.com/tailwindlabs/tailwindcss/pull/16274))
- Ensure Node addons are packaged correctly with FreeBSD builds
([#&#8203;16277](https://redirect.github.com/tailwindlabs/tailwindcss/pull/16277))
- Fix an issue where `@variant` inside a referenced stylesheet could
cause a stack overflow
([#&#8203;16300](https://redirect.github.com/tailwindlabs/tailwindcss/pull/16300))

###
[`v4.0.3`](https://redirect.github.com/tailwindlabs/tailwindcss/blob/HEAD/CHANGELOG.md#403---2025-02-01)

[Compare
Source](https://redirect.github.com/tailwindlabs/tailwindcss/compare/v4.0.2...v4.0.3)

##### Fixed

- Fix incorrect removal of `@import url();`
([#&#8203;16144](https://redirect.github.com/tailwindlabs/tailwindcss/pull/16144))

###
[`v4.0.2`](https://redirect.github.com/tailwindlabs/tailwindcss/blob/HEAD/CHANGELOG.md#402---2025-01-31)

[Compare
Source](https://redirect.github.com/tailwindlabs/tailwindcss/compare/v4.0.1...v4.0.2)

##### Fixed

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

###
[`v4.0.1`](https://redirect.github.com/tailwindlabs/tailwindcss/blob/HEAD/CHANGELOG.md#4014---2025-03-13)

[Compare
Source](https://redirect.github.com/tailwindlabs/tailwindcss/compare/v4.0.0...v4.0.1)

##### Fixed

- Do not extract candidates with JS string interpolation `${`
([#&#8203;17142](https://redirect.github.com/tailwindlabs/tailwindcss/pull/17142))
- Fix extraction of variants containing `.` character
([#&#8203;17153](https://redirect.github.com/tailwindlabs/tailwindcss/pull/17153))
- Fix extracting candidates in Clojure/ClojureScript
([#&#8203;17087](https://redirect.github.com/tailwindlabs/tailwindcss/pull/17087))

###
[`v4.0.0`](https://redirect.github.com/tailwindlabs/tailwindcss/blob/HEAD/CHANGELOG.md#400---2025-01-21)

[Compare
Source](https://redirect.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).

</details>

---

### Configuration

📅 **Schedule**: Branch creation - "before 10am every weekday" (UTC),
Automerge - "every weekday" (UTC).

🚦 **Automerge**: Enabled.

♻ **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.

---

- [ ] <!-- rebase-check -->If you want to rebase/retry this PR, check
this box

---

This PR has been generated by [Renovate
Bot](https://redirect.github.com/renovatebot/renovate).

<!--renovate-debug:eyJjcmVhdGVkSW5WZXIiOiIzOS4xOS4wIiwidXBkYXRlZEluVmVyIjoiMzkuMTkuMCIsInRhcmdldEJyYW5jaCI6Im1hc3RlciIsImxhYmVscyI6WyJkZXBlbmRlbmNpZXMiLCJpbXBhY3Qvbm8tY2hhbmdlbG9nLXJlcXVpcmVkIl19-->

Co-authored-by: pulumi-renovate[bot] <189166143+pulumi-renovate[bot]@users.noreply.github.com>

Author: pulumi-renovate[bot]

aws-ts-nextjs/demoapp/package.json

@@ -9,6 +9,8 @@
     "lint": "next lint"
   },
   "dependencies": {
+    "@aws-cdk/cloud-assembly-schema": "41.2.0",
+    "@tailwindcss/postcss": "^4.0.15",
     "@types/node": "22.13.5",
     "@types/react": "19.0.10",
     "@types/react-dom": "19.0.4",
@@ -19,13 +21,12 @@
     "postcss": "8.5.3",
     "react": "19.0.0",
     "react-dom": "19.0.0",
-    "tailwindcss": "3.4.17",
-    "typescript": "5.8.2",
-    "@aws-cdk/cloud-assembly-schema": "41.2.0"
+    "tailwindcss": "4.0.15",
+    "typescript": "5.8.2"
   },
   "devDependencies": {
-    "sst": "3.9.30",
     "aws-cdk-lib": "2.181.0",
-    "constructs": "10.4.2"
+    "constructs": "10.4.2",
+    "sst": "3.9.30"
   }
 }

aws-ts-nextjs/demoapp/postcss.config.js

@@ -1,6 +1,6 @@
 module.exports = {
   plugins: {
-    tailwindcss: {},
+    '@tailwindcss/postcss': {},
     autoprefixer: {},
   },
 }