Bump lightningcss from 1.23.0 to 1.24.1 in /js

[dependabot]

Bumps lightningcss from 1.23.0 to 1.24.1.

Release notes

Sourced from lightningcss's releases.

v1.24.1

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

v1.24.0

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: ;
</tr></table>

... (truncated)

Commits

• baa1a2b v1.24.1
• 6bd2761 Merge @​supports declarations with the same property (minus prefix) and value
• e37b9ed disable transform optimizations (#694)
• 7dd0cb3 docs: Update reference to Stylo (#691)
• ecead14 fix version in cargo.toml
• 362bce5 fix wasm
• a493a8b update napi and fix more get_named_property calls
• bdf4a77 fix(visitor): check type for the underlying js object (#684)
• 2f6b8d2 Move napi features and unpin version in reusable crate
• db5a8ed Create a reusable lightningcss-napi crate
• Additional commits viewable in compare view

You can trigger a rebase of this PR by commenting @dependabot rebase.

---

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

• @dependabot rebase will rebase this PR
• @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
• @dependabot merge will merge this PR after your CI passes on it
• @dependabot squash and merge will squash and merge this PR after your CI passes on it
• @dependabot cancel merge will cancel a previously requested merge and block automerging
• @dependabot reopen will reopen this PR if it is closed
• @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
• @dependabot show <dependency name> ignore conditions will show all of the ignore conditions of the specified dependency
• @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
• @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
• @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

Note
Automatic rebases have been disabled on this pull request as it has been open for over 30 days.

[dependabot]

The following labels could not be found: area/dependencies, team/ui.