revert: set global focus styles (#5114)

Co-authored-by: Josh Black <[email protected]>

Author: joshblack

.changeset/itchy-paws-bake.md

@@ -8,7 +8,6 @@ import sx, {merge} from '../sx'
 import {getSegmentedControlButtonStyles, getSegmentedControlListItemStyles} from './getSegmentedControlStyles'
 import {defaultSxProp} from '../utils/defaultSxProp'
 import {isElement} from 'react-is'
-import getGlobalFocusStyles from '../internal/utils/getGlobalFocusStyles'
 
 export type SegmentedControlButtonProps = {
   /** The visible label rendered in the button */
@@ -23,7 +22,6 @@ export type SegmentedControlButtonProps = {
   ButtonHTMLAttributes<HTMLButtonElement | HTMLLIElement>
 
 const SegmentedControlButtonStyled = styled.button`
-  ${getGlobalFocusStyles()};
   ${sx};
 `
 

packages/react/src/SegmentedControl/SegmentedControlButton.tsx

@@ -8,7 +8,6 @@ import {getSegmentedControlButtonStyles, getSegmentedControlListItemStyles} from
 import Box from '../Box'
 import {defaultSxProp} from '../utils/defaultSxProp'
 import {isElement} from 'react-is'
-import getGlobalFocusStyles from '../internal/utils/getGlobalFocusStyles'
 
 export type SegmentedControlIconButtonProps = {
   'aria-label': string
@@ -22,7 +21,6 @@ export type SegmentedControlIconButtonProps = {
   ButtonHTMLAttributes<HTMLButtonElement | HTMLLIElement>
 
 const SegmentedControlIconButtonStyled = styled.button`
-  ${getGlobalFocusStyles()};
   ${sx};
 `