Remove support for sx from BranchName component (#6625)

Author: llastflowers

.changeset/strange-peas-kiss.md

@@ -0,0 +1,5 @@
+---
+"@primer/react": major
+---
+
+Update BranchName component to no longer support sx

packages/react/src/BranchName/BranchName.docs.json

@@ -24,11 +24,6 @@
       "name": "as",
       "type": "React.ElementType",
       "defaultValue": "\"a\""
-    },
-    {
-      "name": "sx",
-      "type": "SystemStyleObject",
-      "deprecated": true
     }
   ],
   "subcomponents": []

packages/react/src/BranchName/BranchName.tsx

@@ -1,22 +1,20 @@
 import React, {type ForwardedRef} from 'react'
 import {clsx} from 'clsx'
-import type {SxProp} from '../sx'
 import classes from './BranchName.module.css'
-import {BoxWithFallback} from '../internal/components/BoxWithFallback'
 
 type BranchNameProps<As extends React.ElementType> = {
   as?: As
-} & DistributiveOmit<React.ComponentPropsWithRef<React.ElementType extends As ? 'a' : As>, 'as'> &
-  Omit<SxProp, 'sx'> &
-  SxProp
+} & DistributiveOmit<React.ComponentPropsWithRef<React.ElementType extends As ? 'a' : As>, 'as'> & {
+    className?: string
+  }
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 function BranchName<As extends React.ElementType>(props: BranchNameProps<As>, ref: ForwardedRef<any>) {
   const {as: Component = 'a', className, children, ...rest} = props
   return (
-    <BoxWithFallback as={Component} {...rest} ref={ref} className={clsx(className, classes.BranchName)}>
+    <Component {...rest} ref={ref} className={clsx(className, classes.BranchName)}>
       {children}
-    </BoxWithFallback>
+    </Component>
   )
 }