Adjust text-decoration-offset for Link component

.changeset/tender-dodos-create.md

@@ -0,0 +1,5 @@
+---
+'@primer/react': patch
+---
+
+Link: Adjust text-decoration-offset

packages/react/src/Link/Link.module.css

@@ -1,6 +1,7 @@
 :where(.Link) {
   color: var(--fgColor-accent);
   text-decoration: none;
+  text-underline-offset: 0.05rem;
 
   /* Reset for button tags */
   &:is(button) {

packages/react/src/Link/Link.stories.tsx

@@ -5,15 +5,18 @@ import type {ComponentProps} from '../utils/types'
 export default {
   title: 'Components/Link',
   component: Link,
-} as Meta<ComponentProps<typeof Link>>
+} as Meta<ComponentProps<typeof Link> & {text: string}>
 
-export const Playground: StoryFn<ComponentProps<typeof Link>> = args => <Link {...args}>Link</Link>
+export const Playground: StoryFn<ComponentProps<typeof Link> & {text: string}> = ({text, ...args}) => (
+  <Link {...args}>{text}</Link>
+)
 
 Playground.args = {
+  text: 'Link',
   href: '#',
   muted: false,
   underline: false,
   inline: false,
 }
 
-export const Default = () => <Link href="#">Link</Link>
+export const Default = () => <Link href="#">Links are great</Link>