fix(Link): destructure muted prop to prevent unintentional DOM attribute leakage (#7631)

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: mattcosta7 <8616962+mattcosta7@users.noreply.github.com>
Co-authored-by: Marie Lucca <40550942+francinelucca@users.noreply.github.com>
Co-authored-by: primer[bot] <119360173+primer[bot]@users.noreply.github.com>
Co-authored-by: Matthew Costabile <mattcosta7@github.com>

Author: 4 people

.changeset/tame-lions-blend.md

@@ -0,0 +1,5 @@
+---
+'@primer/react': patch
+---
+
+Add test to validate that the `muted` prop is not leaked as a bare DOM attribute on `Link`

packages/react/src/Link/Link.tsx

@@ -18,7 +18,7 @@ export const UnwrappedLink = <As extends React.ElementType = 'a'>(
   props: PolymorphicProps<As, 'a', StyledLinkProps>,
   ref: ForwardedRef<unknown>,
 ) => {
-  const {as: Component = 'a', className, inline, hoverColor, ...restProps} = props
+  const {as: Component = 'a', className, inline, muted, hoverColor, ...restProps} = props
   const innerRef = React.useRef<ElementRef<As>>(null)
   useRefObjectAsForwardedRef(ref, innerRef)
 
@@ -49,7 +49,7 @@ export const UnwrappedLink = <As extends React.ElementType = 'a'>(
   return (
     <Component
       className={clsx(className, classes.Link)}
-      data-muted={restProps.muted}
+      data-muted={muted}
       data-inline={inline}
       data-hover-color={hoverColor}
       {...restProps}

packages/react/src/Link/__tests__/Link.test.tsx

@@ -25,6 +25,7 @@ describe('Link', () => {
   it('respects the "muted" prop', () => {
     const {container} = render(<Link muted />)
     expect(container.firstChild).toHaveAttribute('data-muted', 'true')
+    expect(container.firstChild).not.toHaveAttribute('muted')
   })
 
   it('logs a warning when trying to render invalid "as" prop', () => {