twbs / bootstrap / 27362980182

94%

main: 96%

push

github

Fix dark mode on built site by bumping browserslist (#42471)

* Fix dark mode on built site by avoiding Lightning CSS light-dark() polyfill

Lightning CSS was lowering native light-dark() to a --lightningcss-light/dark
custom-property toggle because our browserslist floors predated native support.
That polyfill breaks data-bs-theme dark mode on the minified (production) CSS,
so dark examples rendered light on Netlify while working in dev.

- Bump browserslist floors to the first versions with native light-dark()
  (Chrome/Edge 123, Safari/iOS 17.5; Firefox 121 already covered)
- Exclude Features.LightDark in css-minify as a guard against regressions

* Update .browserslistrc for browser support and comments

Removed comment about CSS light-dark polyfill and updated browser support.

* Bump browserslist floors to Chrome/Edge 130, Firefox 132, Safari/iOS 18

Raises support floors as far as possible while keeping ~90.8% global
coverage, staying on versions with native light-dark() so Lightning CSS
does no polyfilling.

1017 of 1133 branches covered (89.76%)

Branch coverage included in aggregate %.

2874 of 2992 relevant lines covered (96.06%)

222.18 hits per line