Revert "feat(SelectPanel): Convert SelectPanel to CSS modules behind feature flag (#5324)"

This reverts commit bd5f0d4.

Author: francinelucca

.changeset/cyan-buses-visit.md

@@ -19,9 +19,6 @@ import {useProvidedStateOrCreate} from '../hooks/useProvidedStateOrCreate'
 import {LiveRegion, LiveRegionOutlet, Message} from '../internal/components/LiveRegion'
 import {useFeatureFlag} from '../FeatureFlags'
 
-import classes from './SelectPanel.module.css'
-import {clsx} from 'clsx'
-
 interface SelectPanelSingleSelection {
   selected: ItemInput | undefined
   onSelectedChange: (selected: ItemInput | undefined) => void
@@ -115,9 +112,6 @@ export function SelectPanel({
     [externalOnFilterChange, setInternalFilterValue],
   )
 
-  const CSS_MODULES_FEATURE_FLAG = 'primer_react_css_modules_team'
-  const enabled = useFeatureFlag(CSS_MODULES_FEATURE_FLAG)
-
   const anchorRef = useProvidedRefOrCreate(externalAnchorRef)
   const onOpen: AnchoredOverlayProps['onOpen'] = useCallback(
     (gesture: Parameters<Exclude<AnchoredOverlayProps['onOpen'], undefined>>[0]) => onOpenChange(true, gesture),
@@ -226,25 +220,13 @@ export function SelectPanel({
             }
           />
         )}
-        <Box
-          sx={enabled ? undefined : {display: 'flex', flexDirection: 'column', height: 'inherit', maxHeight: 'inherit'}}
-          className={enabled ? classes.Wrapper : undefined}
-        >
-          <Box sx={enabled ? undefined : {pt: 2, px: 3}} className={enabled ? classes.Content : undefined}>
-            <Heading
-              as="h1"
-              id={titleId}
-              sx={enabled ? undefined : {fontSize: 1}}
-              className={enabled ? classes.Title : undefined}
-            >
+        <Box sx={{display: 'flex', flexDirection: 'column', height: 'inherit', maxHeight: 'inherit'}}>
+          <Box sx={{pt: 2, px: 3}}>
+            <Heading as="h1" id={titleId} sx={{fontSize: 1}}>
               {title}
             </Heading>
             {subtitle ? (
-              <Box
-                id={subtitleId}
-                sx={enabled ? undefined : {fontSize: 0, color: 'fg.muted'}}
-                className={enabled ? classes.Subtitle : undefined}
-              >
+              <Box id={subtitleId} sx={{fontSize: 0, color: 'fg.muted'}}>
                 {subtitle}
               </Box>
             ) : null}
@@ -265,22 +247,17 @@ export function SelectPanel({
             inputRef={inputRef}
             // inheriting height and maxHeight ensures that the FilteredActionList is never taller
             // than the Overlay (which would break scrolling the items)
-            sx={enabled ? sx : {...sx, height: 'inherit', maxHeight: 'inherit'}}
-            className={enabled ? clsx(className, classes.FilteredActionList) : className}
+            sx={{...sx, height: 'inherit', maxHeight: 'inherit'}}
+            className={className}
           />
           {footer && (
             <Box
-              sx={
-                enabled
-                  ? undefined
-                  : {
-                      display: 'flex',
-                      borderTop: '1px solid',
-                      borderColor: 'border.default',
-                      padding: 2,
-                    }
-              }
-              className={enabled ? classes.Footer : undefined}
+              sx={{
+                display: 'flex',
+                borderTop: '1px solid',
+                borderColor: 'border.default',
+                padding: 2,
+              }}
             >
               {footer}
             </Box>