Settings tray styles broken due to off-canvas.reset.css

Problem/Motivation

About a week ago, I began noticing odd issues with styles in the settings tray. I have replicated the issue across multiple browsers (Chrome, Firefox, Safari on Mac. Chrome, Edge on Win 10) and at least three different Drupal projects, including a vanilla 8.9.13 instance I used to capture the examples below:

Example 1: Layout Builder - Section Layout Config
Incorrect text font, color. Incorrect SVG color makes layout icons invisible.

Example 2: Layout Builder - Block Config
Unexpected compact spacing due to missing margin/padding. Incorrect font/colors. Summary for Details element ("Label Settings") displays "inline" instead of expected "block."

One quick fix is to disable the all: initial declaration in off-canvas.reset.css (~line 16):

Disabling 'all: initial' in Layout Builder configure section

Here's a non-Layout Builder example of the result of disabling 'all: initial' when editing Menu Block settings in the settings tray.

This seems to work well everywhere I'm noticing problems. So, best guess is the problem is related to the rule that begins around line 12 of core/misc/dialog/off-canvas.reset.css (and/or core/themes/stable/core/dialog/off-canvas.reset.css):

#drupal-off-canvas *:not(div),
#drupal-off-canvas *:not(svg *),
#drupal-off-canvas *:after,
#drupal-off-canvas *:before {
  all: initial;
  box-sizing: border-box;
  text-shadow: none;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: initial;
}

I know this was added in #2826722: Add a 'fence' around settings tray with aggressive CSS reset., to prevent theme styles from 'leaking' into the tray, so seems like getting rid of all: initial probably not the solution.

That change landed some time ago, though, so I'm at a loss to explain why this only became an issue for me in recent days — unless all those browsers changed in some way recently.

I guess as much as anything, I'm posting this to see if anyone else is experiencing the same thing.