Improve minimal Card outline (#1157)

Author: danielguillan

.changeset/shaggy-squids-pull.md

@@ -0,0 +1,5 @@
+---
+'@primer/react-brand': patch
+---
+
+Improves the appearance of the focus ring on the `minimal` variant of `Card`.

packages/react/src/Card/Card.module.css

@@ -92,12 +92,18 @@
   border-radius: var(--brand-borderRadius-xlarge);
 }
 
+.Card__outer:has(.Card--variant-minimal) {
+  border-radius: var(--brand-borderRadius-small);
+}
+
 .Card__outer:focus-within {
   outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
 }
 
 .Card__outer:has(.Card--variant-minimal):focus-within {
-  outline-offset: var(--base-size-16);
+  outline-offset: var(
+    --base-size-12
+  ); /* This value is adjusted so that, when combined with the container's border radius, the total border radius equals `var(--brand-borderRadius-medium)` */
 }
 
 .Card--icon {