Repository: tailwindlabs/tailwindcss

Problem statement:
Update lightningcss-win32-x64-msvc 1.26.0 → 1.28.2 (minor)





Here is everything you need to know about this update. Please take a good look at what changed and the test results before merging this pull request.

### What changed?




#### ✳️ lightningcss-win32-x64-msvc (1.26.0 → 1.28.2) · [Repo](https://github.com/parcel-bundler/lightningcss)



<details>
<summary>Release Notes</summary>
<h4><a href="https://github.com/parcel-bundler/lightningcss/releases/tag/v1.28.2">1.28.2</a></h4>

<blockquote><h2 dir="auto">Fixes</h2>
<ul dir="auto">
<li>Fix duplicate prefixed properties in <code class="notranslate">transition-property</code> – <a href="https://bounce.depfu.com/github.com/parcel-bundler/lightningcss/pull/850">#850</a> (thanks <a href="https://bounce.depfu.com/github.com/RobinMalfait">@RobinMalfait</a> and <a href="https://bounce.depfu.com/github.com/LeoniePhiline">@LeoniePhiline</a>!)</li>
<li>Fix mapping original name from source maps – <a href="https://bounce.depfu.com/github.com/parcel-bundler/lightningcss/commit/78f2fc479537ec68a7481e33db571385cc21cdb7"><tt>78f2fc4</tt></a>
</li>
<li>Bump browser compat data – <a href="https://bounce.depfu.com/github.com/parcel-bundler/lightningcss/commit/4159bc507baa1ec438f89b20bdf9e8e74c7f48e4"><tt>4159bc5</tt></a>
</li>
<li>Ensure consistent order of custom properties when <code class="notranslate">all</code> property is set – <a href="https://bounce.depfu.com/github.com/parcel-bundler/lightningcss/commit/d4eec3593fe3c2244693d9e11af3547d6651ce57"><tt>d4eec35</tt></a>
</li>
</ul></blockquote>
<h4><a href="https://github.com/parcel-bundler/lightningcss/releases/tag/v1.28.0">1.28.0</a></h4>

<blockquote><h2 dir="auto">Added</h2>
<ul dir="auto">
<li>Add option to avoid hashing <code class="notranslate">@container</code> names in CSS Modules by <a href="https://bounce.depfu.com/github.com/kdy1">@kdy1</a> in <a href="https://bounce.depfu.com/github.com/parcel-bundler/lightningcss/pull/835">#835</a>
</li>
<li>Improve error message of <code class="notranslate">input:placeholder</code> by <a href="https://bounce.depfu.com/github.com/kdy1">@kdy1</a> in <a href="https://bounce.depfu.com/github.com/parcel-bundler/lightningcss/pull/813">#813</a>
</li>
<li>Add an error for the deprecated <code class="notranslate">@value</code> at-rule of CSS Modules by <a href="https://bounce.depfu.com/github.com/kdy1">@kdy1</a> in <a href="https://bounce.depfu.com/github.com/parcel-bundler/lightningcss/pull/842">#842</a>
</li>
</ul>
<h2 dir="auto">Fixed</h2>
<ul dir="auto">
<li>Don't panic when passing system-color to color-mix by <a href="https://bounce.depfu.com/github.com/inottn">@inottn</a> in <a href="https://bounce.depfu.com/github.com/parcel-bundler/lightningcss/pull/819">#819</a>
</li>
<li>Dependency updates by <a href="https://bounce.depfu.com/github.com/kornelski">@kornelski</a> in <a href="https://bounce.depfu.com/github.com/parcel-bundler/lightningcss/pull/814">#814</a>
</li>
<li>Fix order of fallback width, height, and other size related properties – <a href="https://bounce.depfu.com/github.com/parcel-bundler/lightningcss/commit/22a8b6f937d391ca98adb09ae7971f34a46d2b5d"><tt>22a8b6f</tt></a>
</li>
<li>Fix stack overflow parsing <code class="notranslate">calc</code> expression – <a href="https://bounce.depfu.com/github.com/parcel-bundler/lightningcss/commit/e3c8e12f989651c51d3ae430d888bee7eb058207"><tt>e3c8e12</tt></a>
</li>
<li>Fix crash when parsing an invalid <code class="notranslate">calc</code> expression – <a href="https://bounce.depfu.com/github.com/parcel-bundler/lightningcss/commit/378955ed60e88b00791b08c32d9e6d39bea7a4c6"><tt>378955e</tt></a>
</li>
<li>Skip <code class="notranslate">clamp</code> function reduction when the comparison between preferred and max value is unknown – <a href="https://bounce.depfu.com/github.com/parcel-bundler/lightningcss/commit/ddc9ce868d82d893d579643c83a6774fd966f917"><tt>ddc9ce8</tt></a>
</li>
<li>Update browser compatibility data – <a href="https://bounce.depfu.com/github.com/parcel-bundler/lightningcss/commit/f6b033ffed5f528993607b83c5d015389dedd209"><tt>f6b033f</tt></a>
</li>
<li>docs: Update help command docs by <a href="https://bounce.depfu.com/github.com/DylanPiercey">@DylanPiercey</a> in <a href="https://bounce.depfu.com/github.com/parcel-bundler/lightningcss/pull/812">#812</a>
</li>
<li>docs: fix link to visitor type definitions by <a href="https://bounce.depfu.com/github.com/mayank99">@mayank99</a> in <a href="https://bounce.depfu.com/github.com/parcel-bundler/lightningcss/pull/823">#823</a>
</li>
</ul></blockquote>
<p><em>Does any of this look wrong? <a href="https://depfu.com/packages/npm/lightningcss-win32-x64-msvc/feedback">Please let us know.</a></em></p>
</details>

<details>
<summary>Commits</summary>
<p><a href="https://github.com/parcel-bundler/lightningcss/compare/0bcd896e81a8a2c5d847f626a37e2cffea79e2a0...9b2e8bbe732d7c101272ddab03ac21b88bf55c4a">See the full diff on Github</a>. The new version differs by 32 commits:</p>
<ul>
<li><a href="https://github.com/parcel-bundler/lightningcss/commit/9b2e8bbe732d7c101272ddab03ac21b88bf55c4a"><code>v1.28.2</code></a></li>
<li><a href="https://github.com/parcel-bundler/lightningcss/commit/d4eec3593fe3c2244693d9e11af3547d6651ce57"><code>Ensure consistent order of custom properties with all property</code></a></li>
<li><a href="https://github.com/parcel-bundler/lightningcss/commit/4159bc507baa1ec438f89b20bdf9e8e74c7f48e4"><code>Bump browser compat data</code></a></li>
<li><a href="https://github.com/parcel-bundler/lightningcss/commit/33265a2d7d5530b662ef834514419ccb6f7e6078"><code>Fix duplicate `-webkit-backdrop-filter` output (#850)</code></a></li>
<li><a href="https://github.com/parcel-bundler/lightningcss/commit/78f2fc479537ec68a7481e33db571385cc21cdb7"><code>Fix mapping original name from source maps</code></a></li>
<li><a href="https://github.com/parcel-bundler/lightningcss/commit/a3390fd4140ca87f5035595d22bc9357cf72177e"><code>Fix cargo versions</code></a></li>
<li><a href="https://github.com/parcel-bundler/lightningcss/commit/8a67583105757e4a25378d65d243b87a345b2c2d"><code>v1.28.0</code></a></li>
<li><a href="https://github.com/parcel-bundler/lightningcss/commit/f6b033ffed5f528993607b83c5d015389dedd209"><code>Update browser compat data</code></a></li>
<li><a href="https://github.com/parcel-bundler/lightningcss/commit/c82e7d7a6e47d43dd72e812548add4015f5eeb0a"><code>Update TS definitions</code></a></li>
<li><a href="https://github.com/parcel-bundler/lightningcss/commit/701297679084bfe594ed0992bf9ce98c56c5e7c5"><code>chore: update help command docs (#812)</code></a></li>
<li><a href="https://github.com/parcel-bundler/lightningcss/commit/c24fe64bc991be5862853aaed210f768fef90bf3"><code>fix(css-modules): Do not transform the container name in CSS Modules (#835)</code></a></li>
<li><a href="https://github.com/parcel-bundler/lightningcss/commit/41a07a14bd7060d81d3a70d678cf458228088170"><code>feat: Add an error for the deprecated `@value` at-rule of CSS Modules (#842)</code></a></li>
<li><a href="https://github.com/parcel-bundler/lightningcss/commit/ddc9ce868d82d893d579643c83a6774fd966f917"><code>Only reduce clamp if comparison between center and max is known</code></a></li>
<li><a href="https://github.com/parcel-bundler/lightningcss/commit/378955ed60e88b00791b08c32d9e6d39bea7a4c6"><code>Fix crash in invalid calc</code></a></li>
<li><a href="https://github.com/parcel-bundler/lightningcss/commit/e3c8e12f989651c51d3ae430d888bee7eb058207"><code>Fix stack overflows in calc</code></a></li>
<li><a href="https://github.com/parcel-bundler/lightningcss/commit/22a8b6f937d391ca98adb09ae7971f34a46d2b5d"><code>Flush size properties when we hit an unparsed value</code></a></li>
<li><a href="https://github.com/parcel-bundler/lightningcss/commit/6cb5776b56de1b3499aff2f984b2c6c02eef0d7f"><code>Dependency updates (#814)</code></a></li>
<li><a href="https://github.com/parcel-bundler/lightningcss/commit/9097327d114a8b3c6b19a449fea5695fd338239a"><code>feat: Improve error message of `input:placeholder` (#813)</code></a></li>
<li><a href="https://github.com/parcel-bundler/lightningcss/commit/41ce3ab22623ce1703e0ff7ef536160773e610c7"><code>fix: should not panic when passing system-color to color-mix (#819)</code></a></li>
<li><a href="https://github.com/parcel-bundler/lightningcss/commit/84ebbed7c4645da50ce9dee14001779531366cd6"><code>docs: fix link to visitor type definitions (#823)</code></a></li>
<li><a href="https://github.com/parcel-bundler/lightningcss/commit/eb49015cf887ae720b80a2856ccbdf61bf940ef1"><code>Update TS definitions</code></a></li>
<li><a href="https://github.com/parcel-bundler/lightningcss/commit/451aff74821e86f1007a4857c81c3db2979645bf"><code>v1.27.0</code></a></li>
<li><a href="https://github.com/parcel-bundler/lightningcss/commit/54390b4596ffd62745e821c5b5cce2f4841fe3a6"><code>Update browser compat data</code></a></li>
<li><a href="https://github.com/parcel-bundler/lightningcss/commit/ad2ec9f10309ac27261a996210023b8e8ad3c793"><code>Fix another copyright</code></a></li>
<li><a href="https://github.com/parcel-bundler/lightningcss/commit/8f45fe11fcdada63fdf2241a7a09412c4e694ce8"><code>Update copyright year on main page (#790)</code></a></li>
<li><a href="https://github.com/parcel-bundler/lightningcss/commit/9a20b5843e7604ed4d8b31d38498fb9b8ca81dee"><code>Make CLI example work with windows (update docs.md) (#726)</code></a></li>
<li><a href="https://github.com/parcel-bundler/lightningcss/commit/ab15b57d2ecd7469365074daa562c0082ad43689"><code>update broken selectors link (#750)</code></a></li>
<li><a href="https://github.com/parcel-bundler/lightningcss/commit/3e066d478ab05a8996a536d778a0bc2eb6ba8867"><code>Add missing browserslist import in docs.md (#798)</code></a></li>
<li><a href="https://github.com/parcel-bundler/lightningcss/commit/7f59c0070e75f3eaffb69b586b7eb8be5f186fd1"><code>fix: fix `box-shadow` combination of `oklch` and `currentColor` (#801)</code></a></li>
<li><a href="https://github.com/parcel-bundler/lightningcss/commit/22ef6649c630325c970b1f1f67eb5e21bca06864"><code>feat: Implement pure mode lints for CSS Modules (#796)</code></a></li>
<li><a href="https://github.com/parcel-bundler/lightningcss/commit/186435f929a177770d7ba73e3027c7abbfe6c377"><code>feat: Improve error message for pseudo elements followed by selectors (#797)</code></a></li>
<li><a href="https://github.com/parcel-bundler/lightningcss/commit/73d4cde3b6a67b94a6d5b806c444345623927e5f"><code>feat: Add content-hash css module name pattern (#802)</code></a></li>
</ul>
</details>












---
![Depfu Status](https://depfu.com/badges/edd6acd35d74c8d41cbb540c30442adf/stats.svg)

[Depfu](https://depfu.com) will automatically keep this PR conflict-free, as long as you don't add any commits to this branch yourself. You can also trigger a rebase manually by commenting with `@depfu rebase`.

<details><summary>All Depfu comment commands</summary>
<blockquote><dl>
<dt>@​depfu rebase</dt><dd>Rebases against your default branch and redoes this update</dd>
<dt>@​depfu recreate</dt><dd>Recreates this PR, overwriting any edits that you've made to it</dd>
<dt>@​depfu merge</dt><dd>Merges this PR once your tests are passing and conflicts are resolved</dd>
<dt>@​depfu cancel merge</dt><dd>Cancels automatic merging of this PR</dd>
<dt>@​depfu close</dt><dd>Closes this PR and deletes the branch</dd>
<dt>@​depfu reopen</dt><dd>Restores the branch and reopens this PR (if it's closed)</dd>
<dt>@​depfu pause</dt><dd>Ignores all future updates for this dependency and closes this PR</dd>
<dt>@​depfu pause [minor|major]</dt><dd>Ignores all future minor/major updates for this dependency and closes this PR</dd>
<dt>@​depfu resume</dt><dd>Future versions of this dependency will create PRs again (leaves this PR as is)</dd>
</dl></blockquote>
</details>




Hints:
Sorry, but the merge failed with:

 > At least 1 approving review is required by reviewers with write access.

Patch:
diff --git a/packages/@tailwindcss-cli/src/commands/build/index.ts b/packages/@tailwindcss-cli/src/commands/build/index.ts
--- a/packages/@tailwindcss-cli/src/commands/build/index.ts
+++ b/packages/@tailwindcss-cli/src/commands/build/index.ts
@@ -445,7 +445,7 @@ function optimizeCss(
         deepSelectorCombinator: true,
       },
       include: Features.Nesting,
-      exclude: Features.LogicalProperties | Features.DirSelector,
+      exclude: Features.LogicalProperties | Features.DirSelector | Features.LightDark,
       targets: {
         safari: (16 << 16) | (4 << 8),
         ios_saf: (16 << 16) | (4 << 8),
diff --git a/packages/@tailwindcss-postcss/src/index.ts b/packages/@tailwindcss-postcss/src/index.ts
--- a/packages/@tailwindcss-postcss/src/index.ts
+++ b/packages/@tailwindcss-postcss/src/index.ts
@@ -317,7 +317,10 @@ function optimizeCss(
         deepSelectorCombinator: true,
       },
       include: LightningCssFeatures.Nesting,
-      exclude: LightningCssFeatures.LogicalProperties | LightningCssFeatures.DirSelector,
+      exclude:
+        LightningCssFeatures.LogicalProperties |
+        LightningCssFeatures.DirSelector |
+        LightningCssFeatures.LightDark,
       targets: {
         safari: (16 << 16) | (4 << 8),
         ios_saf: (16 << 16) | (4 << 8),
diff --git a/packages/@tailwindcss-vite/src/index.ts b/packages/@tailwindcss-vite/src/index.ts
--- a/packages/@tailwindcss-vite/src/index.ts
+++ b/packages/@tailwindcss-vite/src/index.ts
@@ -375,7 +375,10 @@ function optimizeCss(
         deepSelectorCombinator: true,
       },
       include: LightningCssFeatures.Nesting,
-      exclude: LightningCssFeatures.LogicalProperties | LightningCssFeatures.DirSelector,
+      exclude:
+        LightningCssFeatures.LogicalProperties |
+        LightningCssFeatures.DirSelector |
+        LightningCssFeatures.LightDark,
       targets: {
         safari: (16 << 16) | (4 << 8),
         ios_saf: (16 << 16) | (4 << 8),
diff --git a/packages/tailwindcss/src/test-utils/run.ts b/packages/tailwindcss/src/test-utils/run.ts
--- a/packages/tailwindcss/src/test-utils/run.ts
+++ b/packages/tailwindcss/src/test-utils/run.ts
@@ -28,7 +28,7 @@ export function optimizeCss(
         deepSelectorCombinator: true,
       },
       include: Features.Nesting,
-      exclude: Features.LogicalProperties | Features.DirSelector,
+      exclude: Features.LogicalProperties | Features.DirSelector | Features.LightDark,
       targets: {
         safari: (16 << 16) | (4 << 8),
         ios_saf: (16 << 16) | (4 << 8),


Test patch:
diff --git a/packages/@tailwindcss-postcss/src/__snapshots__/index.test.ts.snap b/packages/@tailwindcss-postcss/src/__snapshots__/index.test.ts.snap
--- a/packages/@tailwindcss-postcss/src/__snapshots__/index.test.ts.snap
+++ b/packages/@tailwindcss-postcss/src/__snapshots__/index.test.ts.snap
@@ -400,9 +400,9 @@ exports[`\`@import 'tailwindcss'\` is replaced with the generated CSS 1`] = `
   }
 
   hr {
+    height: 0;
     color: inherit;
     border-top-width: 1px;
-    height: 0;
   }
 
   abbr:where([title]) {
@@ -472,7 +472,7 @@ exports[`\`@import 'tailwindcss'\` is replaced with the generated CSS 1`] = `
   }
 
   ol, ul, menu {
-    list-style: none;
+    list-style-type: none;
   }
 
   img, svg, video, canvas, audio, iframe, embed, object {
@@ -533,8 +533,8 @@ exports[`\`@import 'tailwindcss'\` is replaced with the generated CSS 1`] = `
   }
 
   ::-webkit-date-and-time-value {
-    text-align: inherit;
     min-height: 1lh;
+    text-align: inherit;
   }
 
   ::-webkit-datetime-edit {
diff --git a/packages/tailwindcss/src/utilities.test.ts b/packages/tailwindcss/src/utilities.test.ts
--- a/packages/tailwindcss/src/utilities.test.ts
+++ b/packages/tailwindcss/src/utilities.test.ts
@@ -6839,53 +6839,26 @@ test('color-scheme', async () => {
     ]),
   ).toMatchInlineSnapshot(`
     ".scheme-dark {
-      --lightningcss-light: ;
-      --lightningcss-dark: initial;
-      --lightningcss-light: ;
-      --lightningcss-dark: initial;
       color-scheme: dark;
     }
 
     .scheme-light {
-      --lightningcss-light: initial;
-      --lightningcss-dark: ;
-      --lightningcss-light: initial;
-      --lightningcss-dark: ;
       color-scheme: light;
     }
 
     .scheme-light-dark {
-      --lightningcss-light: initial;
-      --lightningcss-dark: ;
-      --lightningcss-light: initial;
-      --lightningcss-dark: ;
       color-scheme: light dark;
     }
 
-    @media (prefers-color-scheme: dark) {
-      .scheme-light-dark {
-        --lightningcss-light: ;
-        --lightningcss-dark: initial;
-      }
-    }
-
     .scheme-normal {
       color-scheme: normal;
     }
 
     .scheme-only-dark {
-      --lightningcss-light: ;
-      --lightningcss-dark: initial;
-      --lightningcss-light: ;
-      --lightningcss-dark: initial;
       color-scheme: dark only;
     }
 
     .scheme-only-light {
-      --lightningcss-light: initial;
-      --lightningcss-dark: ;
-      --lightningcss-light: initial;
-      --lightningcss-dark: ;
       color-scheme: light only;
     }"
   `)
@@ -14376,7 +14349,7 @@ test('transition', async () => {
     }
 
     .transition {
-      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, -webkit-backdrop-filter, -webkit-backdrop-filter, backdrop-filter;
+      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
       transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
       transition-duration: var(--tw-duration, var(--default-transition-duration));
     }
@@ -14443,7 +14416,7 @@ test('transition', async () => {
     }
 
     .transition {
-      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, -webkit-backdrop-filter, -webkit-backdrop-filter, backdrop-filter;
+      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
       transition-timing-function: var(--tw-ease, ease);
       transition-duration: var(--tw-duration, .1s);
     }
diff --git a/packages/tailwindcss/src/variants.test.ts b/packages/tailwindcss/src/variants.test.ts
--- a/packages/tailwindcss/src/variants.test.ts
+++ b/packages/tailwindcss/src/variants.test.ts
@@ -53,7 +53,11 @@ test('first-line', async () => {
 
 test('marker', async () => {
   expect(await run(['marker:flex'])).toMatchInlineSnapshot(`
-    ".marker\\:flex ::marker, .marker\\:flex::marker {
+    ".marker\\:flex ::marker {
+      display: flex;
+    }
+
+    .marker\\:flex::marker {
       display: flex;
     }"
   `)
@@ -1533,25 +1537,25 @@ test('not', async () => {
       }
     }
 
-    @media not (width < 640px) {
+    @media (width >= 640px) {
       .not-max-sm\\:flex {
         display: flex;
       }
     }
 
-    @media not (width < 130px) {
+    @media (width >= 130px) {
       .not-max-\\[130px\\]\\:flex {
         display: flex;
       }
     }
 
-    @media not (width >= 130px) {
+    @media (width < 130px) {
       .not-min-\\[130px\\]\\:flex {
         display: flex;
       }
     }
 
-    @media not (width >= 640px) {
+    @media (width < 640px) {
       .not-min-sm\\:flex, .not-sm\\:flex {
         display: flex;
       }
@@ -2165,7 +2169,15 @@ test('variant order', async () => {
       }
     }
 
-    .first-letter\\:flex:first-letter, .first-line\\:flex:first-line, .marker\\:flex ::marker, .marker\\:flex::marker {
+    .first-letter\\:flex:first-letter, .first-line\\:flex:first-line {
+      display: flex;
+    }
+
+    .marker\\:flex ::marker {
+      display: flex;
+    }
+
+    .marker\\:flex::marker {
       display: flex;
     }