chore(deps): update dependency lightningcss to v1.32.0

[renovate]

This PR contains the following updates:

Package	Change	Age	Confidence
lightningcss	1.23.0 → 1.32.0

---

Release Notes

parcel-bundler/lightningcss (lightningcss)

v1.32.0

Compare Source

v1.31.1

Compare Source

v1.31.0

Compare Source

Features

• Implement scroll-state container queries
• Allow @​property to be nested inside at-rules
• Support print-color-adjust property
• Support <string> in @​property syntax
• Add :state() pseudo-class support
• Reduce min(), max() and clamp() with number arguments
• Support name-only @​container queries

Fixes

• Ensure compiled range media queries are correctly parenthesised
• Add quotes to font-families with multiple consecutive spaces
• Do not remove whitespace in token lists
• Fix whitespace handling in view transition pseudos
• Ensure interleave nested declarations have a semicolon when needed
• Fix casing for camel-cased svg values
• Improve grid-template-areas handling and grid shorthand
• Fix background-position minification and handling for various cases
• Update browser compat data

v1.30.2

Compare Source

Fixes

• Fix installing on android
• Don't warn on ::grammar-error and ::spelling-error selectors
• Update browser compat data

Rust crate changes

• Bump browserslist-rs to 0.19.0
• migrate to maintained library instead of deprecated paste
• Use serde-content instead of private serde types

v1.30.1

Compare Source

Fixed crash on process exit when lightningcss was loaded inside a Node.js worker thread on Linux

v1.30.0

Compare Source

Features

• Update relative color parsing to latest spec: colors now support numbers in addition to percentages, and calcs in colors are now always numbers. Note that this was technically a breaking change in the spec. You may need to update code using relative color calculations on percentages to use numbers instead. See the PR for details. – #​465
• Update nesting implementation for new spec: It is now possible to nest selectors with pseudo elements, and declarations and nested rules can be interleaved. See https://web.dev/blog/css-nesting-cssnesteddeclarations for more details. – 6c465c1
• Skip generating unnecessary @supports rules when already nested in a @supports rule – #​878, d398c1b
• Improve error recovery for media queries – #​954
• Add support for ::picker, ::picker-icon and ::checkmark – #​957
• Add build support for Android – #​932

Fixes

• Fix error message for invalid composes selectors – #​948
• Update browserslist – #​961
• Fix linear-gradient direction conversion for legacy vendor-prefixed values – #​936
• Prevent new lines in license comments from breaking source maps – #​971
• Do not inline layers before imports – 33ea2c1
• Statically link Visual Studio redistributables on Windows builds – e5c4139
• update browser compat data – 17bdc80

v1.29.3

Compare Source

• Support for ::details-content and ::target-text selectors – @​philipp-spiess in #​930
• Update :placeholder-shown selector name across browsers – @​Marukome0743 in #​929
• Support /* cssmodules-pure-no-check */ comments – @​jantimon in #​898
• Update browser compatibility data – c03a7e7

v1.29.2

Compare Source

• Update detect-libc for better compatibility by @​nicksrandall in #​923
• Fix broken minification for non-opaque oklab colors by @​lfesp in #​901
• Bump browserslist-rs 0.17.0 by @​chenjiahan in #​912
• Add wasm compilation cfg for Browsers::load_browserslist by @​CPunisher in #​895
• Fix parsing style container queries without a value – 2284653

v1.29.1

Compare Source

v1.29.0

Compare Source

Added

• Implement view transitions level 2, including the @view-transition rule, view-transition-class and view-transition-group properties, and class selector features of the view transition pseudo elements. This enables CSS module scoping and better minification when using these features. – #​885
• Support parsing the @font-feature-values rule – #​840
• Add a feature flag to explicitly enable or disable transpiling the light-dark() function – 3043896

Fixed

• Compile media query range syntax with boolean logic instead of fractional pixels. Fixes issues with rounding certain values. – 7f29035
• Fix parsing the list-style shorthand property – 97891d8
• Fix hashing of :nth-child(an + b of X) selectors in CSS modules – ed9e659
• Update napi-rs to fix issue with \0 characters in filenames – 43707c3
• Fix CustomAtRule.loc TypeScript type – #​876
• Call StyleSheet / StyleSheetExit / Rule.custom.* in visitors passed to composeVisitors – #​875
• Update browser compat data – cdbf0d4

v1.28.2

Compare Source

Fixes

• Fix duplicate prefixed properties in transition-property – #​850 (thanks @​RobinMalfait and @​LeoniePhiline!)
• Fix mapping original name from source maps – 78f2fc4
• Bump browser compat data – 4159bc5
• Ensure consistent order of custom properties when all property is set – d4eec35

v1.28.1

Compare Source

v1.28.0

Compare Source

Added

• Add option to avoid hashing @container names in CSS Modules by @​kdy1 in #​835
• Improve error message of input:placeholder by @​kdy1 in #​813
• Add an error for the deprecated @value at-rule of CSS Modules by @​kdy1 in #​842

Fixed

• Don't panic when passing system-color to color-mix by @​inottn in #​819
• Dependency updates by @​kornelski in #​814
• Fix order of fallback width, height, and other size related properties – 22a8b6f
• Fix stack overflow parsing calc expression – e3c8e12
• Fix crash when parsing an invalid calc expression – 378955e
• Skip clamp function reduction when the comparison between preferred and max value is unknown – ddc9ce8
• Update browser compatibility data – f6b033f
• docs: Update help command docs by @​DylanPiercey in #​812
• docs: fix link to visitor type definitions by @​mayank99 in #​823

v1.27.0

Compare Source

Added

• Add [content-hash] css module pattern by @​rubberpants in #​802. This includes a hash of the file contents rather than the file path (as [hash] works), which can be used to support multiple versions of the same library simultaneously without conflicts.
• Improve error message for pseudo elements followed by selectors by @​kdy1 in #​797
• Implement pure mode lints for CSS Modules by @​kdy1 in #​796. This option enforces the use of a class or id selector in each rule.

Fixed

• Fix box-shadow combination of oklch and currentColor by @​hi-ogawa in #​801
• Add missing browserslist import in docs.md by @​cpeaustriajc in #​798
• Update broken selectors link in homepage by @​20jasper in #​750
• Make CLI example work with Windows by @​tim-we in #​726
• Update copyright year on main page by @​log101 in #​790
• Update browser compat data - 54390b4

v1.26.0

Compare Source

Added

• Add support for named timeline ranges in @keyframes by @​grimsteel in #​787
• Implement animation-range properties – 39964f1
• Add a lint for unsupported CSS Module selector by @​kdy1 in #​784
• add wasm file to package exports by @​elevatebart in #​755
• Add support for arm64 Windows – 0bcd896

Fixed

• Fix codegen of :is(input:checked) by @​kdy1 in #​783
• Bump browserslist-rs 0.16.0 by @​chenjiahan in #​772
• update compat data – dcbb997

v1.25.1

Compare Source

Fixes a property ordering bug when using the all shorthand.

v1.25.0

Compare Source

This release adds more granular options for CSS modules, implements some new CSS properties, and fixes bugs.

Added

• Add granular options to control which identifiers are scoped in CSS modules. You can turn off scoping for grid, animation, and custom_idents. This may be useful when migrating from other tools. See docs. Thanks @​timneutkens! 83839a9
• Optimize the all shorthand property to reset other properties except direction and unicode-bidi. d7aeff3
• Implement animation-timeline property and add support for it in the animation shorthand f4408c7

Fixed

• Prevent simplifying translate: none and scale: none which are distinct from translate: 0 and scale: 1. Thanks @​RobinMalfait! a4cc024
• Fix crash on box-shadow with currentColor keyword. Thanks @​magic-akari! 06ba62f
• Fix minifier removing zero channels in color() function to follow spec change 445def9
• Fix CSS module scoping with variables in animation shorthand fb4b334
• Update browser compatibility data ec9da43

v1.24.1

Compare Source

• Disabled CSS transform optimizations using matrix(), which could break transitions and animations. – #​694
• Merge @supports declarations with the same property (minus vendor prefix) and value – 6bd2761

v1.24.0

Compare Source

This release adds support the the light-dark() color function, parses CSS system colors, deduplicates custom properties during minification, merges duplicates @keyframes rules, and fixes some bugs.

light-dark()

The light-dark() function allows you to specify a light mode and dark mode color in a single declaration, without needing to write a separate media query rule. In addition, it uses the color-scheme property to control which theme to use, which allows you to set it programmatically. The color-scheme property also inherits so themes can be nested and the nearest ancestor color scheme applies.

Lightning CSS converts the light-dark() function to use CSS variable fallback when your browser targets don't support it natively. For this to work, you must set the color-scheme property on an ancestor element. The following example shows how you can support both operating system and programmatic overrides for the color scheme.

html {
  color-scheme: light dark;
}

html[data-theme=light] {
  color-scheme: light;
}

html[data-theme=dark] {
  color-scheme: dark;
}

button {
  background: light-dark(#aaa, #​444);
}

compiles to:

html {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light dark;
}

@​media (prefers-color-scheme: dark) {
  html {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
  }
}

html[data-theme="light"] {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
}

html[data-theme="dark"] {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
}

button {
  background: var(--lightningcss-light, #aaa) var(--lightningcss-dark, #​444);
}

Check it out in the playground.

CSS system colors

CSS system colors are now supported during parsing, meaning they can be safely deduplicated when merging rules.

.a {
  background: Highlight;
}

.a {
  background: ButtonText;
}

compiles to:

.a{background:buttontext}

Custom property deduplication

CSS custom properties are now deduplicated when merging rules. The last property value always wins.

.a {
  --foo: red;
}

.a {
  --foo: green;
}

minifies to:

.a{--foo:green}

@keyframes deduplication

@keyframes rules are also now deduplicated during minification. The last rule of the same name wins.

@​keyframes a {
  from { opacity: 0 }
  to { opacity: 1 }
}

@​keyframes a {
  from { color: red }
  to { color: blue }
}

compiles to:

@​keyframes a{0%{color:red}to{color:#​00f}}

Other bug fixes

• Bump browserslist-rs and browser compat data
• Don't output duplicate properties when incompatible with targets
• Parse a TokenList instead of only a single Token in @property rules

---

Configuration

📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

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

---

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

---

This PR was generated by Mend Renovate. View the repository job log.

[changeset-bot]

⚠️ No Changeset found

Latest commit: 883750a

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR