v5.3.0 Broken floating label background for disabled Input[type=text] and textarea

[virtualize]

Prerequisites

• I have searched for duplicate or closed issues
• I have validated any HTML to avoid common problems
• I have read the contributing guidelines

Describe the issue

By default the floating labels of disabled input texts and textareas have a white background (i.e. the body background).
For select inputs it works as expected. Please see these examples.

Reduced test cases

Reproducer: https://codepen.io/virtualized/pen/ZEmYLXq

My workaround for now is simply adding and !important

.form-floating > :disabled ~ label::after {
  background-color: $input-disabled-bg !important;
}

What operating system(s) are you seeing the problem on?

macOS

What browser(s) are you seeing the problem on?

Safari

What version of Bootstrap are you using?

v.5.3.0