fix(ui): render focus ring on Link via data-focus-visible

Style the bui-Link itself when keyboard-focused using the ring token,
matching the established pattern from ButtonLink. Also tweak the
changeset wording to reflect the new behavior.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Signed-off-by: Emma Indal <emma.indahl@gmail.com>

.changeset/link-focus-visible.md

@@ -2,6 +2,6 @@
 '@backstage/ui': patch
 ---
 
-Fix `Card href=...` not showing a focus indicator on keyboard navigation. `Link` now composes `useFocusRing` and emits `data-focus-visible`, so the Card's existing focus-ring CSS matches when the trigger is focused.
+Fix `Card href=...` not showing a focus indicator on keyboard navigation. `Link` now composes `useFocusRing`, emits `data-focus-visible`, and renders a `--bui-ring` outline when keyboard-focused. The Card's existing focus-ring CSS matches when the trigger is focused.
 
-*Affected components*: Card, Link
+_Affected components_: Card, Link

packages/ui/src/components/Link/Link.module.css

@@ -37,6 +37,11 @@
       text-underline-offset: calc(0.025em + 2px);
       text-decoration-color: color-mix(in srgb, currentColor 30%, transparent);
     }
+
+    &[data-focus-visible] {
+      outline: 2px solid var(--bui-ring);
+      outline-offset: 2px;
+    }
   }
 
   .bui-Link[data-variant='title-large'] {