Bump dependencies by RobinMalfait · Pull Request #19608 · tailwindlabs/tailwindcss

RobinMalfait · 2026-01-28T16:00:09Z

This PR bumps a bunch of dependencies. This also moves a few dependencies that we use in multiple packages to the pnpm catalog.

Closes: #19603, #19604, #19576, #19575, #19573, #19565, #19547, #19546, #19545, #19609, #19581, #19620, #19619

Test Plan

All tests in CI should still pass. [ci-all]

coderabbitai · 2026-01-28T16:05:02Z

Walkthrough

This PR updates numerous dependency versions across package manifests, adjusts pnpm patch entries, and adds crates/ignore/ to .prettierignore. It consolidates bundling map imports in the standalone package, refines fraction/ratio parsing and trimming in utility value resolution, changes inset shadow prefix handling, and modifies several test snapshots/formatting. Tests also add runtime normalization for outline in a UI test helper. No exported/public API signatures were changed.

🚥 Pre-merge checks | ✅ 4

✅ Passed checks (4 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title 'Bump dependencies' accurately summarizes the main change in the pull request: updating multiple dependencies across the project.
Description check	✅ Passed	The description is related to the changeset, explaining that the PR bumps dependencies and moves some to the pnpm catalog, with references to closed issues.
Linked Issues check	✅ Passed	The PR addresses the primary objective of `#19603` by upgrading next and eslint-config-next, though to 16.1.6 instead of the stated 16.1.5, which still fulfills the security patching goal.
Out of Scope Changes check	✅ Passed	Most changes are in-scope dependency updates; however, the .prettierignore addition (crates/ignore/) and test snapshot formatting changes in packages/tailwindcss are minor out-of-scope additions.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

Important

Action Needed: IP Allowlist Update

If your organization protects your Git platform with IP whitelisting, please add the new CodeRabbit IP address to your allowlist:

✨ 136.113.208.247/32 (new)
34.170.211.100/32
35.222.179.152/32

Reviews will stop working after February 8, 2026 if the new IP is not added to your allowlist.

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

coderabbitai

Actionable comments posted: 1

🤖 Fix all issues with AI agents

In `@playgrounds/v3/package.json`:
- Line 18: The dependency update bumped "@types/node" from v20 to v25 in
package.json which may introduce breaking type changes; update the package.json
entry for "@types/node" to the intended v25 version, run npm install (or yarn)
and then run the TypeScript compiler (tsc) to surface any type errors, fix any
API/typing mismatches (e.g., undici/fetch or Web API types) in affected modules
or adjust tsconfig/lib targets as needed so the codebase compiles cleanly
against TypeScript 5.9.3 and `@types/node`@25.

playgrounds/v3/package.json

coderabbitai

Actionable comments posted: 1

🤖 Fix all issues with AI agents

In `@packages/tailwindcss/src/utilities.test.ts`:
- Around line 26649-26655: The shadow concatenation adds an extra space because
applyPrefix in alphaReplacedShadowProperties prepends the prefix to segments
that still have leading whitespace after replaceShadowColors joined them; update
applyPrefix (used by alphaReplacedShadowProperties and interacting with
replaceShadowColors/segment) to trim each segment before prepending the prefix
(e.g., call .trim() on the mapped value) so prefix + value has no doubled spaces
when rejoining layers.

packages/tailwindcss/src/utilities.test.ts

+ ignore `crates/ignore/` when running prettier. We vendored this crate so ideally we only make changes that are required for our use cases.

The property value in Chromium and WebKit is different. One results in `rgb(255, 255, 255) solid 2px` the other in `2px solid rgb(255, 255, 255)` This normalizes the value by sorting its parts, but only for the `outline` property. We can add more exceptions when needed.

RobinMalfait · 2026-02-04T11:29:59Z

packages/tailwindcss/src/index.test.ts

+        --animate-very-long-animation-name: very-long-animation-name
+                    var(--very-long-animation-name-configuration, 2.5s ease-in-out 0s infinite normal none running);


The weird formatting here is because it's formatted this way in the input of the test above. The latest version of Lightning CSS doesn't normalize whitespace in custom properties anymore, which maps to the spec https://drafts.csswg.org/css-variables/#serializing-custom-props

Specified values of custom properties must be serialized exactly as specified by the author (with one exception, below). Simplifications that might occur in other properties, such as dropping comments, normalizing whitespace, reserializing numeric tokens from their value, etc., must not occur.

The one exception to serialization being precisely as specified in the source file is that an empty custom property (such as --foo:;) must serialize with a single space as its value.

RobinMalfait · 2026-02-04T11:31:06Z

packages/tailwindcss/src/index.test.ts

      @supports (color: color-mix(in lab, red, red)) {
        .text-red-500\\/50 {
-          color: color-mix(in oklab, var(--color-red-500) 50%, transparent);
+          color: color-mix(in oklab,var(--color-red-500)50%,transparent);


The input doesn't contain spaces, so this one doesn't contain spaces either. While this looks a little bit odd, it's correct. This is also the output we would produce in Tailwind Play or the CDN because we don't use Lightning CSS there.

RobinMalfait · 2026-02-04T11:32:26Z

packages/tailwindcss/src/utilities.test.ts

    .-rotate-x-\\(--var\\) {
      --tw-rotate-x: rotateX(calc(var(--var) * -1));
-      transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
+      transform: var(--tw-rotate-x,  ) var(--tw-rotate-y,  ) var(--tw-rotate-z,  ) var(--tw-skew-x,  ) var(--tw-skew-y,  );


These are a little bit silly but not the end of the world. This is because we run Lightning CSS twice to get better output. But they have a bug where they always introduce 1 additional whitespace character in these fallbacks.

I fixed this upstream: parcel-bundler/lightningcss#1142

So we likely will have a similar PR in the near future where we fix these again.

RobinMalfait · 2026-02-04T11:34:45Z

packages/tailwindcss/src/utilities.test.ts

          font-size: var(--text-sm, .8755rem);
          line-height: var(--text-sm--line-height, 1.255rem);
-          text-rendering: optimizeLegibility;
+          text-rendering: optimizelegibility;


This is a Lightning CSS change, see: https://lightningcss.dev/playground/index.html#%7B%22minify%22%3Atrue%2C%22customMedia%22%3Atrue%2C%22cssModules%22%3Afalse%2C%22analyzeDependencies%22%3Afalse%2C%22targets%22%3A%7B%22chrome%22%3A6225920%7D%2C%22include%22%3A0%2C%22exclude%22%3A0%2C%22source%22%3A%22.foo%20%7B%5Cn%20%20text-rendering%3A%20optimizeLegibility%3B%5Cn%7D%22%2C%22visitorEnabled%22%3Afalse%2C%22visitor%22%3A%22%7B%5Cn%20%20Color(color)%20%7B%5Cn%20%20%20%20if%20(color.type%20%3D%3D%3D%20'rgb')%20%7B%5Cn%20%20%20%20%20%20color.g%20%3D%200%3B%5Cn%20%20%20%20%20%20return%20color%3B%5Cn%20%20%20%20%7D%5Cn%20%20%7D%5Cn%7D%22%2C%22unusedSymbols%22%3A%5B%5D%2C%22version%22%3A%221.31.1%22%7D

Note: make sure you switch the version in the dropdown to 1.31.1 to see the change. If you're looking at this in the future, you can toggle between 1.30.2 and 1.31.0 to see the difference.

RobinMalfait · 2026-02-04T11:35:10Z

packages/tailwindcss/src/utilities.test.ts


          .example-\\[7\\/9\\] {
-            --value: 7 / 9;
+            --value: 7/9;


This is because we take the input as-is and don't normalize whitespace here.

RobinMalfait · 2026-02-04T11:35:51Z

packages/tailwindcss/src/utilities.ts

            let [lhs, rhs] = segment(candidate.value.fraction, '/')
            if (!isPositiveInteger(lhs) || !isPositiveInteger(rhs)) return
-            value = `calc(${candidate.value.fraction} * 100%)`
+            value = `calc(${lhs} / ${rhs} * 100%)`


In calc expressions whitespace can be important for certain operators. The main reason this changed is because it will produce nicer output that's always correct.

RobinMalfait · 2026-02-04T11:36:19Z

packages/tailwindcss/tests/ui.spec.ts

  )

-  expect(await getPropertyValue('#x', 'outline')).toEqual('rgb(255, 255, 255) solid 2px')
+  expect(await getPropertyValue('#x', 'outline')).toEqual('2px solid rgb(255, 255, 255)')


Normalized this because the order of arguments is different between WebKit and Chromium for some reason...

RobinMalfait requested a review from a team as a code owner January 28, 2026 16:00

coderabbitai bot reviewed Jan 28, 2026

View reviewed changes

playgrounds/v3/package.json Outdated Show resolved Hide resolved

RobinMalfait force-pushed the bump-dependencies branch from 06fdcc4 to b8f4de1 Compare February 2, 2026 11:42

coderabbitai bot reviewed Feb 2, 2026

View reviewed changes

packages/tailwindcss/src/utilities.test.ts Outdated Show resolved Hide resolved

RobinMalfait added 8 commits February 2, 2026 15:22

bump dependencies

f072d9f

bump workspace dependencies

2869ad2

run prettier

48e2855

+ ignore `crates/ignore/` when running prettier. We vendored this crate so ideally we only make changes that are required for our use cases.

bump dependencies that already match the semver range

58c710a

use catalog: version of @types/node

307d1b2

sync lockfile

48abdf5

update tests to reflect Lightning CSS changes

2099555

RobinMalfait force-pushed the bump-dependencies branch from b8f4de1 to 254407c Compare February 3, 2026 18:29

improve output for inset shadows

b9f9485

RobinMalfait commented Feb 4, 2026

View reviewed changes

RobinMalfait merged commit 1638f35 into main Feb 4, 2026
21 checks passed

RobinMalfait deleted the bump-dependencies branch February 4, 2026 11:38

RobinMalfait mentioned this pull request Feb 4, 2026

Upgrade lightningcss to 1.31.0 #19581

Closed

wongjn mentioned this pull request Feb 8, 2026

[@tailwindcss/node] update lightningcss #19646

Closed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Comments

Bump dependencies#19608

Bump dependencies#19608
RobinMalfait merged 9 commits intomainfrom
bump-dependencies

RobinMalfait commented Jan 28, 2026 •

edited

Loading

Uh oh!

coderabbitai bot commented Jan 28, 2026 •

edited

Loading

Uh oh!

coderabbitai bot left a comment

Uh oh!

Uh oh!

coderabbitai bot left a comment

Uh oh!

Uh oh!

RobinMalfait Feb 4, 2026

Uh oh!

RobinMalfait Feb 4, 2026

Uh oh!

RobinMalfait Feb 4, 2026

Uh oh!

RobinMalfait Feb 4, 2026

Uh oh!

RobinMalfait Feb 4, 2026

Uh oh!

RobinMalfait Feb 4, 2026

Uh oh!

RobinMalfait Feb 4, 2026

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

		--animate-very-long-animation-name: very-long-animation-name
		var(--very-long-animation-name-configuration, 2.5s ease-in-out 0s infinite normal none running);

Uh oh!

Comments

Conversation

RobinMalfait commented Jan 28, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Test Plan

Uh oh!

coderabbitai bot commented Jan 28, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Walkthrough

Uh oh!

coderabbitai bot left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

coderabbitai bot left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

RobinMalfait Feb 4, 2026

Choose a reason for hiding this comment

Uh oh!

RobinMalfait Feb 4, 2026

Choose a reason for hiding this comment

Uh oh!

RobinMalfait Feb 4, 2026

Choose a reason for hiding this comment

Uh oh!

RobinMalfait Feb 4, 2026

Choose a reason for hiding this comment

Uh oh!

RobinMalfait Feb 4, 2026

Choose a reason for hiding this comment

Uh oh!

RobinMalfait Feb 4, 2026

Choose a reason for hiding this comment

Uh oh!

RobinMalfait Feb 4, 2026

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

RobinMalfait commented Jan 28, 2026 •

edited

Loading

coderabbitai bot commented Jan 28, 2026 •

edited

Loading