Bump autoprefixer to 10.4.27 and postcss to 8.5.8

[julien-deramond]

• autoprefixer ^10.4.23 → ^10.4.27
• postcss ^8.5.6 → ^8.5.8

Non-regression testing

git checkout v6-dev

# Compile `v6-dev` dist files
npm i ; npm run css ; cp -R dist dist.bak

# Install new versions
npm i autoprefixer@latest postcss@latest

# Compile new dist files
npm run dist

• Compared bootstrap.css files with a diff -r dist/css/bootstrap.css /dist.bakcss/bootstrap. css. It's not needed to compare all other *.css files as they're subsets of bootstrap.css.
• Compared bootstrap.css.map files with a diff -r dist/css/bootstrap.css.map dist.bak/css/bootstrap.css.map. It's not needed to compare all other *.css.map files as they're subsets of bootstrap.css.map.
• diff -r dist/css/bootstrap-utilities.metadata.json dist.bak/css/bootstrap- utilities.metadata.json

bootstrap.min.css

After having formatted them manually, I've run the same diff command against both bootstrap.min.css files, and had the following diff:

Comparison of both `bootstrap.min.css` files

241c241
<     -webkit-tap-highlight-color: #0000;
---
>     -webkit-tap-highlight-color: transparent;
540,542c540,551
<   button,
<   [type=button],
<   [type=reset],
---
>   button {
>     -webkit-appearance: button
>   }
> 
>   [type=button] {
>     -webkit-appearance: button
>   }
> 
>   [type=reset] {
>     -webkit-appearance: button
>   }
> 
547,549c556,567
<   button:not(:disabled),
<   [type=button]:not(:disabled),
<   [type=reset]:not(:disabled),
---
>   button:not(:disabled) {
>     cursor: pointer
>   }
> 
>   [type=button]:not(:disabled) {
>     cursor: pointer
>   }
> 
>   [type=reset]:not(:disabled) {
>     cursor: pointer
>   }
> 
640,642c658,669
<   [type=tel],
<   [type=url],
<   [type=email],
---
>   [type=tel] {
>     direction: ltr
>   }
> 
>   [type=url] {
>     direction: ltr
>   }
> 
>   [type=email] {
>     direction: ltr
>   }
> 
2966c2993,2998
<   .prose :where(table:not([class])):not(:where(.not-prose, .not-prose *)) td,
---
>   .prose :where(table:not([class])):not(:where(.not-prose, .not-prose *)) td {
>     text-align: inherit;
>     border: 1px solid var(--bs-border-color);
>     padding: 6px 12px
>   }
> 
3138c3170
<     border: solid #0000;
---
>     border: solid transparent;
3140c3172
<     background-color: #0000;
---
>     background-color: transparent;
3290c3322,3327
<   .check:has(input:checked) .checked,
---
>   .check:has(input:checked) .checked {
>     color: var(--bs-theme-contrast, var(--bs-primary-contrast));
>     stroke: currentColor;
>     display: block
>   }
> 
3421c3458
<     box-shadow: inset 0 1px 2px #0000000d
---
>     box-shadow: inset 0 1px 2px rgba(0, 0, 0, .05)
3431c3468
<     box-shadow: 0 1px 2px #0000001a
---
>     box-shadow: 0 1px 2px rgba(0, 0, 0, .1)
3436c3473
<     background-color: #0000;
---
>     background-color: transparent;
3488c3525
<     --bs-range-thumb-box-shadow: 0 .1rem .25rem #0000001a;
---
>     --bs-range-thumb-box-shadow: 0 .1rem .25rem rgba(0, 0, 0, .1);
3497c3534
<     background-color: #0000;
---
>     background-color: transparent;
3572c3609
<     color: #0000;
---
>     color: transparent;
3577c3614
<     border-color: #0000
---
>     border-color: transparent
3583c3620
<     color: #0000;
---
>     color: transparent;
3588c3625
<     border-color: #0000
---
>     border-color: transparent
3655c3692,3695
<   .form-floating>.form-control::placeholder,
---
>   .form-floating>.form-control::placeholder {
>     color: transparent
>   }
> 
3657c3697
<     color: #0000
---
>     color: transparent
3661,3664c3701
<   .form-floating>.form-control:not(:placeholder-shown),
<   .form-floating>.form-control-plaintext:focus,
<   .form-floating>.form-control-plaintext:not(:placeholder-shown),
<   :-webkit-any(.form-floating>.form-control:-webkit-autofill, .form-floating>.form-control-plaintext:-webkit-autofill) {
---
>   .form-floating>.form-control-plaintext:focus {
3669,3673c3706
<   .form-floating>.form-control:focus,
<   .form-floating>.form-control:not(:placeholder-shown),
<   .form-floating>.form-control-plaintext:focus,
<   .form-floating>.form-control-plaintext:not(:placeholder-shown),
<   :is(.form-floating>.form-control:autofill, .form-floating>.form-control-plaintext:autofill) {
---
>   .form-floating>.form-control:not(:placeholder-shown) {
3677a3711,3725
>   .form-floating>.form-control-plaintext:not(:placeholder-shown) {
>     padding-top: var(--bs-form-floating-input-padding-t);
>     padding-bottom: var(--bs-form-floating-input-padding-b)
>   }
> 
>   .form-floating>.form-control:-webkit-autofill {
>     padding-top: var(--bs-form-floating-input-padding-t);
>     padding-bottom: var(--bs-form-floating-input-padding-b)
>   }
> 
>   .form-floating>.form-control-plaintext:-webkit-autofill {
>     padding-top: var(--bs-form-floating-input-padding-t);
>     padding-bottom: var(--bs-form-floating-input-padding-b)
>   }
> 
3679d3726
<   .form-floating>.form-control:not(:placeholder-shown)~label,
3683a3731,3734
>   .form-floating>.form-control:not(:placeholder-shown)~label {
>     transform: var(--bs-form-floating-label-transform)
>   }
> 
3688c3739,3748
<   .form-floating>textarea:focus~label:after,
---
>   .form-floating>textarea:focus~label:after {
>     inset: var(--bs-form-floating-padding-y) calc(var(--bs-form-floating-padding-x) * .5);
>     z-index: -1;
>     height: var(--bs-form-floating-label-height);
>     content: "";
>     background-color: var(--bs-control-bg);
>     border-radius: var(--bs-btn-input-border-radius);
>     position: absolute
>   }
> 
3921c3981,3985
<   .chip-input.disabled,
---
>   .chip-input.disabled {
>     background-color: var(--bs-bg-2);
>     opacity: 1
>   }
> 
3927c3991,3994
<   .chip-input.disabled>.chip,
---
>   .chip-input.disabled>.chip {
>     opacity: var(--bs-control-disabled-opacity)
>   }
> 
3932c3999,4002
<   .chip-input.disabled>.chip .chip-dismiss,
---
>   .chip-input.disabled>.chip .chip-dismiss {
>     pointer-events: none
>   }
> 
3937c4007,4010
<   .chip-input.disabled>.form-ghost,
---
>   .chip-input.disabled>.form-ghost {
>     cursor: not-allowed
>   }
> 
3967c4040,4043
<   .input-group>.form-control:focus,
---
>   .input-group>.form-control:focus {
>     z-index: 5
>   }
> 
4070c4146,4149
<   .otp .form-control:focus,
---
>   .otp .form-control:focus {
>     z-index: 1
>   }
> 
4247c4326
<     border-color: #0000;
---
>     border-color: transparent;
4351c4430,4435
<   .was-validated .form-control:valid:focus-visible,
---
>   .was-validated .form-control:valid:focus-visible {
>     outline: var(--bs-focus-ring-width) solid var(--bs-success-focus-ring);
>     outline-offset: var(--bs-focus-ring-offset);
>     border-color: var(--bs-success-border)
>   }
> 
4385,4386c4469,4476
<   .input-group>.form-select:not(:focus).is-valid,
<   .was-validated .input-group>.form-floating:not(:focus-within):valid,
---
>   .input-group>.form-select:not(:focus).is-valid {
>     z-index: 3
>   }
> 
>   .was-validated .input-group>.form-floating:not(:focus-within):valid {
>     z-index: 3
>   }
> 
4430c4520,4525
<   .was-validated .form-control:invalid:focus-visible,
---
>   .was-validated .form-control:invalid:focus-visible {
>     outline: var(--bs-focus-ring-width) solid var(--bs-danger-focus-ring);
>     outline-offset: var(--bs-focus-ring-offset);
>     border-color: var(--bs-danger-border)
>   }
> 
4464,4465c4559,4566
<   .input-group>.form-select:not(:focus).is-invalid,
<   .was-validated .input-group>.form-floating:not(:focus-within):invalid,
---
>   .input-group>.form-select:not(:focus).is-invalid {
>     z-index: 4
>   }
> 
>   .was-validated .input-group>.form-floating:not(:focus-within):invalid {
>     z-index: 4
>   }
> 
4540,4545c4641,4676
<   .btn:focus-visible,
<   .btn-link:focus-visible,
<   .btn-icon:focus-visible,
<   .btn-solid:focus-visible,
<   .btn-outline:focus-visible,
<   .btn-subtle:focus-visible,
---
>   .btn:focus-visible {
>     outline: var(--bs-focus-ring);
>     outline-offset: var(--bs-focus-ring-offset);
>     --bs-focus-ring-offset: 1px
>   }
> 
>   .btn-link:focus-visible {
>     outline: var(--bs-focus-ring);
>     outline-offset: var(--bs-focus-ring-offset);
>     --bs-focus-ring-offset: 1px
>   }
> 
>   .btn-icon:focus-visible {
>     outline: var(--bs-focus-ring);
>     outline-offset: var(--bs-focus-ring-offset);
>     --bs-focus-ring-offset: 1px
>   }
> 
>   .btn-solid:focus-visible {
>     outline: var(--bs-focus-ring);
>     outline-offset: var(--bs-focus-ring-offset);
>     --bs-focus-ring-offset: 1px
>   }
> 
>   .btn-outline:focus-visible {
>     outline: var(--bs-focus-ring);
>     outline-offset: var(--bs-focus-ring-offset);
>     --bs-focus-ring-offset: 1px
>   }
> 
>   .btn-subtle:focus-visible {
>     outline: var(--bs-focus-ring);
>     outline-offset: var(--bs-focus-ring-offset);
>     --bs-focus-ring-offset: 1px
>   }
> 
4571,4583c4702,4766
<   .btn.active:focus-visible,
<   .btn.show:focus-visible,
<   .btn-link.active:focus-visible,
<   .btn-link.show:focus-visible,
<   .btn-icon.active:focus-visible,
<   .btn-icon.show:focus-visible,
<   .btn-solid.active:focus-visible,
<   .btn-solid.show:focus-visible,
<   .btn-outline.active:focus-visible,
<   .btn-outline.show:focus-visible,
<   .btn-subtle.active:focus-visible,
<   .btn-subtle.show:focus-visible,
<   .btn-text.active:focus-visible,
---
>   .btn.active:focus-visible {
>     outline: var(--bs-focus-ring);
>     outline-offset: var(--bs-focus-ring-offset)
>   }
> 
>   .btn.show:focus-visible {
>     outline: var(--bs-focus-ring);
>     outline-offset: var(--bs-focus-ring-offset)
>   }
> 
>   .btn-link.active:focus-visible {
>     outline: var(--bs-focus-ring);
>     outline-offset: var(--bs-focus-ring-offset)
>   }
> 
>   .btn-link.show:focus-visible {
>     outline: var(--bs-focus-ring);
>     outline-offset: var(--bs-focus-ring-offset)
>   }
> 
>   .btn-icon.active:focus-visible {
>     outline: var(--bs-focus-ring);
>     outline-offset: var(--bs-focus-ring-offset)
>   }
> 
>   .btn-icon.show:focus-visible {
>     outline: var(--bs-focus-ring);
>     outline-offset: var(--bs-focus-ring-offset)
>   }
> 
>   .btn-solid.active:focus-visible {
>     outline: var(--bs-focus-ring);
>     outline-offset: var(--bs-focus-ring-offset)
>   }
> 
>   .btn-solid.show:focus-visible {
>     outline: var(--bs-focus-ring);
>     outline-offset: var(--bs-focus-ring-offset)
>   }
> 
>   .btn-outline.active:focus-visible {
>     outline: var(--bs-focus-ring);
>     outline-offset: var(--bs-focus-ring-offset)
>   }
> 
>   .btn-outline.show:focus-visible {
>     outline: var(--bs-focus-ring);
>     outline-offset: var(--bs-focus-ring-offset)
>   }
> 
>   .btn-subtle.active:focus-visible {
>     outline: var(--bs-focus-ring);
>     outline-offset: var(--bs-focus-ring-offset)
>   }
> 
>   .btn-subtle.show:focus-visible {
>     outline: var(--bs-focus-ring);
>     outline-offset: var(--bs-focus-ring-offset)
>   }
> 
>   .btn-text.active:focus-visible {
>     outline: var(--bs-focus-ring);
>     outline-offset: var(--bs-focus-ring-offset)
>   }
> 
4640c4823,4828
<   .btn-solid.active,
---
>   .btn-solid.active {
>     --bs-btn-active-bg: oklch(from var(--bs-theme-bg) calc(l * .9) calc(c * 1.15) h);
>     --bs-btn-active-border-color: oklch(from var(--bs-theme-bg) calc(l * .9) calc(c * 1.15) h);
>     --bs-btn-active-color: oklch(from var(--bs-theme-contrast) calc(l * .9) calc(c * 1.15) h)
>   }
> 
4648c4836,4841
<   .btn-solid.disabled,
---
>   .btn-solid.disabled {
>     --bs-btn-disabled-bg: var(--bs-theme-bg);
>     --bs-btn-disabled-color: var(--bs-theme-contrast);
>     --bs-btn-disabled-border-color: var(--bs-theme-bg)
>   }
> 
4678c4871,4876
<   .btn-outline.active,
---
>   .btn-outline.active {
>     --bs-btn-active-bg: oklch(from var(--bs-theme-bg) calc(l * .9) calc(c * 1.15) h);
>     --bs-btn-active-color: oklch(from var(--bs-theme-contrast) calc(l * .9) calc(c * 1.15) h);
>     --bs-btn-active-border-color: oklch(from var(--bs-theme-bg) calc(l * .9) calc(c * 1.15) h)
>   }
> 
4686c4884,4889
<   .btn-outline.disabled,
---
>   .btn-outline.disabled {
>     --bs-btn-disabled-bg: transparent;
>     --bs-btn-disabled-color: var(--bs-theme-text);
>     --bs-btn-disabled-border-color: var(--bs-theme-border)
>   }
> 
4714c4917,4921
<   .btn-subtle.active,
---
>   .btn-subtle.active {
>     --bs-btn-active-bg: var(--bs-theme-bg-subtle);
>     --bs-btn-active-color: oklch(from var(--bs-theme-text-emphasis) calc(l * .9) calc(c * 1.15) h)
>   }
> 
4721c4928,4933
<   .btn-subtle.disabled,
---
>   .btn-subtle.disabled {
>     --bs-btn-disabled-bg: var(--bs-theme-bg-subtle);
>     --bs-btn-disabled-color: var(--bs-theme-text);
>     --bs-btn-disabled-border-color: transparent
>   }
> 
4749c4961,4965
<   .btn-text.active,
---
>   .btn-text.active {
>     --bs-btn-active-color: oklch(from var(--bs-theme-text) calc(l * .9) calc(c * 1.15) h);
>     --bs-btn-active-bg: var(--bs-theme-bg-subtle)
>   }
> 
4756c4972,4977
<   .btn-text.disabled,
---
>   .btn-text.disabled {
>     --bs-btn-disabled-color: var(--bs-theme-text);
>     --bs-btn-disabled-bg: transparent;
>     --bs-btn-disabled-border-color: transparent
>   }
> 
4856,4857c5077,5078
<     --bs-btn-gradient-start: #ffffff20;
<     --bs-btn-gradient-end: #00000013;
---
>     --bs-btn-gradient-start: rgba(255, 255, 255, .125);
>     --bs-btn-gradient-end: rgba(0, 0, 0, .075);
4862,4863c5083,5084
<     --bs-btn-shadow: 0 1px 2px #00000026, inset 0 1px 0 #ffffff1a;
<     --bs-btn-active-shadow: inset 0 2px 4px #00000026;
---
>     --bs-btn-shadow: 0 1px 2px rgba(0, 0, 0, .15), inset 0 1px 0 rgba(255, 255, 255, .1);
>     --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, .15);
4905d5125
<   .btn-group>.btn-check:has(input:checked),
4908d5127
<   .btn-group-vertical>.btn-check:has(input:checked),
4914c5133,5140
<   .btn-group>.btn-check:has(input:focus),
---
>   .btn-group>.btn-check:has(input:checked) {
>     z-index: 2
>   }
> 
>   .btn-group-vertical>.btn-check:has(input:checked) {
>     z-index: 2
>   }
> 
4916d5141
<   .btn-group-vertical>.btn-check:has(input:focus),
4920a5146,5153
>   .btn-group>.btn-check:has(input:focus) {
>     z-index: 3
>   }
> 
>   .btn-group-vertical>.btn-check:has(input:focus) {
>     z-index: 3
>   }
> 
4941d5173
<   .btn-group>[class*=btn-]:not(:last-child):not(:has(+.menu)),
4942a5175,5179
>     border-start-end-radius: 0;
>     border-end-end-radius: 0
>   }
> 
>   .btn-group>[class*=btn-]:not(:last-child):not(:has(+.menu)) {
4969d5205
<   .btn-group-vertical>[class*=btn-]:not(:last-child):not(:has(+.menu)),
4974a5211,5215
>   .btn-group-vertical>[class*=btn-]:not(:last-child):not(:has(+.menu)) {
>     border-end-end-radius: 0;
>     border-end-start-radius: 0
>   }
> 
5980c6221,6224
<   [dir=rtl] .carousel-control-prev-icon,
---
>   [dir=rtl] .carousel-control-prev-icon {
>     background-image: var(--bs-carousel-control-next-icon-bg)
>   }
> 
6144c6388
<     background-color: #0000;
---
>     background-color: transparent;
6221c6465
<     background-color: #0000;
---
>     background-color: transparent;
6266c6510
<     background-color: #0000;
---
>     background-color: transparent;
6311c6555
<     background-color: #0000;
---
>     background-color: transparent;
6349d6592
<   [data-vc-date]:not(:has([data-vc-date-btn])),
6354a6598,6601
>   [data-vc-date]:not(:has([data-vc-date-btn])) {
>     pointer-events: none
>   }
> 
6363c6610
<     background-color: #0000;
---
>     background-color: transparent;
6455c6702
<     --bs-dialog-backdrop-bg: #00000080;
---
>     --bs-dialog-backdrop-bg: rgba(0, 0, 0, .5);
6608c6855
<       background-color: #0000
---
>       background-color: transparent
6821c7068
<     background-color: #0000;
---
>     background-color: transparent;
6854c7101
<     background-color: #0000
---
>     background-color: transparent
6945,6946c7192,7201
<   .submenu:hover>.menu-item,
<   .submenu:focus-within>.menu-item,
---
>   .submenu:hover>.menu-item {
>     color: var(--bs-menu-item-hover-color);
>     background-color: var(--bs-menu-item-hover-bg)
>   }
> 
>   .submenu:focus-within>.menu-item {
>     color: var(--bs-menu-item-hover-color);
>     background-color: var(--bs-menu-item-hover-bg)
>   }
> 
7613c7868
<     background-color: #0000 !important;
---
>     background-color: transparent !important;
7668c7923
<       background-color: #0000 !important;
---
>       background-color: transparent !important;
7719c7974
<       background-color: #0000 !important;
---
>       background-color: transparent !important;
7770c8025
<       background-color: #0000 !important;
---
>       background-color: transparent !important;
7821c8076
<       background-color: #0000 !important;
---
>       background-color: transparent !important;
7872c8127
<       background-color: #0000 !important;
---
>       background-color: transparent !important;
7909c8164
<     background-color: #0000;
---
>     background-color: transparent;
8003c8258,8261
<     :root:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) .sm\:drawer:not(.drawer-instant):where(.drawer-start),
---
>     :root:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) .sm\:drawer:not(.drawer-instant):where(.drawer-start) {
>       transform: translateX(calc(100% + var(--bs-drawer-inset)))
>     }
> 
8016c8274,8277
<     .sm\:drawer:not(.drawer-instant):where(.drawer-bottom),
---
>     .sm\:drawer:not(.drawer-instant):where(.drawer-bottom) {
>       transform: translateY(calc(100% + var(--bs-drawer-inset)))
>     }
> 
8055c8316
<       background-color: #0000 !important;
---
>       background-color: transparent !important;
8085c8346
<       background-color: #0000 !important
---
>       background-color: transparent !important
8158c8419,8422
<     :root:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) .md\:drawer:not(.drawer-instant):where(.drawer-start),
---
>     :root:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) .md\:drawer:not(.drawer-instant):where(.drawer-start) {
>       transform: translateX(calc(100% + var(--bs-drawer-inset)))
>     }
> 
8171c8435,8438
<     .md\:drawer:not(.drawer-instant):where(.drawer-bottom),
---
>     .md\:drawer:not(.drawer-instant):where(.drawer-bottom) {
>       transform: translateY(calc(100% + var(--bs-drawer-inset)))
>     }
> 
8210c8477
<       background-color: #0000 !important;
---
>       background-color: transparent !important;
8240c8507
<       background-color: #0000 !important
---
>       background-color: transparent !important
8313c8580,8583
<     :root:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) .lg\:drawer:not(.drawer-instant):where(.drawer-start),
---
>     :root:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) .lg\:drawer:not(.drawer-instant):where(.drawer-start) {
>       transform: translateX(calc(100% + var(--bs-drawer-inset)))
>     }
> 
8326c8596,8599
<     .lg\:drawer:not(.drawer-instant):where(.drawer-bottom),
---
>     .lg\:drawer:not(.drawer-instant):where(.drawer-bottom) {
>       transform: translateY(calc(100% + var(--bs-drawer-inset)))
>     }
> 
8365c8638
<       background-color: #0000 !important;
---
>       background-color: transparent !important;
8395c8668
<       background-color: #0000 !important
---
>       background-color: transparent !important
8468c8741,8744
<     :root:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) .xl\:drawer:not(.drawer-instant):where(.drawer-start),
---
>     :root:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) .xl\:drawer:not(.drawer-instant):where(.drawer-start) {
>       transform: translateX(calc(100% + var(--bs-drawer-inset)))
>     }
> 
8481c8757,8760
<     .xl\:drawer:not(.drawer-instant):where(.drawer-bottom),
---
>     .xl\:drawer:not(.drawer-instant):where(.drawer-bottom) {
>       transform: translateY(calc(100% + var(--bs-drawer-inset)))
>     }
> 
8520c8799
<       background-color: #0000 !important;
---
>       background-color: transparent !important;
8550c8829
<       background-color: #0000 !important
---
>       background-color: transparent !important
8623c8902,8905
<     :root:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) .\32 xl\:drawer:not(.drawer-instant):where(.drawer-start),
---
>     :root:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) .\32 xl\:drawer:not(.drawer-instant):where(.drawer-start) {
>       transform: translateX(calc(100% + var(--bs-drawer-inset)))
>     }
> 
8636c8918,8921
<     .\32 xl\:drawer:not(.drawer-instant):where(.drawer-bottom),
---
>     .\32 xl\:drawer:not(.drawer-instant):where(.drawer-bottom) {
>       transform: translateY(calc(100% + var(--bs-drawer-inset)))
>     }
> 
8675c8960
<       background-color: #0000 !important;
---
>       background-color: transparent !important;
8705c8990
<       background-color: #0000 !important
---
>       background-color: transparent !important
8775c9060,9063
<   :root:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) .drawer:not(.drawer-instant):where(.drawer-start),
---
>   :root:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) .drawer:not(.drawer-instant):where(.drawer-start) {
>     transform: translateX(calc(100% + var(--bs-drawer-inset)))
>   }
> 
8788c9076,9079
<   .drawer:not(.drawer-instant):where(.drawer-bottom),
---
>   .drawer:not(.drawer-instant):where(.drawer-bottom) {
>     transform: translateY(calc(100% + var(--bs-drawer-inset)))
>   }
> 
9011a9303,9307
>     .sm\:drawer::backdrop {
>       -webkit-backdrop-filter: blur();
>       backdrop-filter: blur();
>       background-color: transparent
>     }
9013,9017c9309,9332
<     .sm\:drawer::backdrop,
<     .md\:drawer::backdrop,
<     .lg\:drawer::backdrop,
<     .xl\:drawer::backdrop,
<     .\32 xl\:drawer::backdrop,
---
>     .md\:drawer::backdrop {
>       -webkit-backdrop-filter: blur();
>       backdrop-filter: blur();
>       background-color: transparent
>     }
> 
>     .lg\:drawer::backdrop {
>       -webkit-backdrop-filter: blur();
>       backdrop-filter: blur();
>       background-color: transparent
>     }
> 
>     .xl\:drawer::backdrop {
>       -webkit-backdrop-filter: blur();
>       backdrop-filter: blur();
>       background-color: transparent
>     }
> 
>     .\32 xl\:drawer::backdrop {
>       -webkit-backdrop-filter: blur();
>       backdrop-filter: blur();
>       background-color: transparent
>     }
> 
9021c9336
<       background-color: #0000
---
>       background-color: transparent
9300c9615
<     border: 0 solid #0000;
---
>     border: 0 solid transparent;
9482c9797
<     background-image: linear-gradient(45deg, #ffffff26 25%, #0000 25% 50%, #ffffff26 50% 75%, #0000 75%, #0000);
---
>     background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25% 50%, rgba(255, 255, 255, .15) 50% 75%, transparent 75%, transparent);
9529c9844
<     border-inline-end-color: #0000
---
>     border-inline-end-color: transparent
9923c10238,10241
<   .icon-link-hover:hover>.bi,
---
>   .icon-link-hover:hover>.bi {
>     transform: var(--bs-icon-link-transform, translate3d(.25em, 0, 0))
>   }
> 
10201c10519,10529
<   .visually-hidden,
---
>   .visually-hidden {
>     clip: rect(0, 0, 0, 0) !important;
>     white-space: nowrap !important;
>     border: 0 !important;
>     width: 1px !important;
>     height: 1px !important;
>     margin: -1px !important;
>     padding: 0 !important;
>     overflow: hidden !important
>   }
> 
10213c10541,10544
<   .visually-hidden:not(caption),
---
>   .visually-hidden:not(caption) {
>     position: absolute !important
>   }
> 
10218c10549,10552
<   .visually-hidden *,
---
>   .visually-hidden * {
>     overflow: hidden !important
>   }
> 
16789,16792c17123,17126
<   --bs-box-shadow: 0 .5rem 1rem #00000026;
<   --bs-box-shadow-sm: 0 .125rem .25rem #00000013;
<   --bs-box-shadow-lg: 0 1rem 3rem #0000002d;
<   --bs-box-shadow-inset: inset 0 1px 2px #00000013;
---
>   --bs-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
>   --bs-box-shadow-sm: 0 .125rem .25rem rgba(0, 0, 0, .075);
>   --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, .176);
>   --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, .075);

I'm not exactly sure which dep is causing this discrepancy, but this diff has no impact for end-users as both versions do the same thing in the end.