Remove support for sx from CircleBadge component

.changeset/cool-apricots-sneeze.md

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

packages/react/src/CircleBadge/CircleBadge.docs.json

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

packages/react/src/CircleBadge/CircleBadge.tsx

@@ -1,8 +1,6 @@
 import styled from 'styled-components'
 import {get} from '../constants'
 import Octicon from '../Octicon'
-import type {SxProp} from '../sx'
-import sx from '../sx'
 import isNumeric from '../utils/isNumeric'
 import type {ComponentProps} from '../utils/types'
 
@@ -16,7 +14,7 @@ type StyledCircleBadgeProps = {
   inline?: boolean
   variant?: keyof typeof variantSizes
   size?: number
-} & SxProp
+}
 
 const sizeStyles = ({size, variant = 'medium'}: StyledCircleBadgeProps) => {
   const calc = isNumeric(size) ? size : variantSizes[variant]
@@ -34,7 +32,6 @@ const CircleBadge = styled.div<StyledCircleBadgeProps>`
   border-radius: 50%;
   box-shadow: ${get('shadows.shadow.medium')};
   ${sizeStyles};
-  ${sx};
 `
 const CircleBadgeIcon = styled(Octicon)`
   height: auto;

packages/react/src/CircleBadge/__snapshots__/CircleBadge.test.tsx.snap

@@ -2,19 +2,19 @@
 
 exports[`CircleBadge > respects the inline prop 1`] = `
 <div
-  class="sc-gEvEer lNPvJ"
+  class="sc-gEvEer ddpfio"
 />
 `;
 
 exports[`CircleBadge > respects the variant prop 1`] = `
 <div
-  class="sc-gEvEer irZoQl"
+  class="sc-gEvEer cGlgmQ"
 />
 `;
 
 exports[`CircleBadge > uses the size prop to override the variant prop 1`] = `
 <div
-  class="sc-gEvEer ceBMXF"
+  class="sc-gEvEer buHDOk"
   size="20"
 />
 `;