Some components don't render in the intended font stack in Chrome

[mirka]

InputControl does not have an explicit font-family on its <input> element, so depending on the user agent stylesheet it could be rendered in an unintended font.

In my environment (Chrome on Mac), the expected font is system-ui, but instead it's rendered in Arial. (TextControl, on the other hand, does have an explicit font-family set, so is consistent across browsers.)

Any components based on InputControl are likely also affected.

[mirka]

This problem doesn't manifest in contexts where the core WP forms.css is loaded (i.e. wp-admin), since that includes some normalizing rules:

// forms.css
input, select, textarea, button {
  font-family: inherit;
}

Directly affected components

• Button
• ColorPalette
• ComboboxControl
• DateTimePicker
• FormTokenField
• InputControl
• SelectControl
• ToggleGroupControl