El borde redondeado del botón de Bootstrap produce artefactos de borde blanco.

Recientemente noté artefactos extraños en los bordes de mis botones de Bootstrap. Después de un tiempo, me di cuenta de que esto no está relacionado con mi estilo y tema, porque los artefactos se pueden reproducir incluso en la página de documentación de los botones de Bootstrap (solo configure el border-radius para .btn en 0.15rem).

• Los artefactos se renderizan alrededor de todo el borde (o un poco hacia adentro) si el estilo establece border-radius por ejemplo en 0.15rem.
• Puedo reproducirlo tanto en la última versión de Chrome como en Edge.
• Puedo reproducirlo tanto en la página de documentación de Bootstrap 4 como en la página de documentación de Bootstrap 5.
• Lo más extraño es que los píxeles son aleatorios, cuando paso el cursor sobre los botones, los patrones parecen cambiar, no son determinísticos.

Pregunta:

¿Es este un error conocido, o reproducible por otros, o solo me pasa a mí?

Ampliado:

.btn {
  border-radius: 0.15rem !important;
}

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">

<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-secondary">Secondary</button>
<button type="button" class="btn btn-success">Success</button>
<button type="button" class="btn btn-danger">Danger</button>