chore(ActionList): Remove the CSS modules feature flag from the ActionList.TrailingAction component (#6021)

Co-authored-by: primer[bot] <119360173+primer[bot]@users.noreply.github.com>

Author: jonrohan

.changeset/quiet-weeks-play.md

@@ -0,0 +1,5 @@
+---
+'@primer/react': minor
+---
+
+Remove the CSS modules feature flag from the ActionList.TrailingAction component

packages/react/src/ActionList/TrailingAction.tsx

@@ -1,11 +1,8 @@
 import React, {forwardRef} from 'react'
-import Box from '../Box'
 import {Button, IconButton} from '../Button'
 import type {ForwardRefComponent as PolymorphicForwardRefComponent} from '../utils/polymorphic'
 import {clsx} from 'clsx'
-import {useFeatureFlag} from '../FeatureFlags'
 import classes from './ActionList.module.css'
-import {actionListCssModulesFlag} from './featureflag'
 
 type ElementProps =
   | {
@@ -25,50 +22,8 @@ export type ActionListTrailingActionProps = ElementProps & {
 
 export const TrailingAction = forwardRef(
   ({as = 'button', icon, label, href = null, className, ...props}, forwardedRef) => {
-    const enabled = useFeatureFlag(actionListCssModulesFlag)
-
-    if (enabled) {
-      return (
-        <span className={clsx(className, classes.TrailingAction)}>
-          {icon ? (
-            <IconButton
-              as={as}
-              aria-label={label}
-              icon={icon}
-              variant="invisible"
-              tooltipDirection="w"
-              href={href}
-              // @ts-expect-error StyledButton wants both Anchor and Button refs
-              ref={forwardedRef}
-              className={classes.TrailingActionButton}
-              {...props}
-            />
-          ) : (
-            // @ts-expect-error shhh
-            <Button
-              variant="invisible"
-              as={as}
-              href={href}
-              ref={forwardedRef}
-              className={classes.TrailingActionButton}
-              {...props}
-            >
-              {label}
-            </Button>
-          )}
-        </span>
-      )
-    }
-
     return (
-      <Box
-        as="span"
-        data-component="ActionList.TrailingAction"
-        sx={{
-          flexShrink: 0,
-        }}
-        className={className}
-      >
+      <span className={clsx(className, classes.TrailingAction)}>
         {icon ? (
           <IconButton
             as={as}
@@ -79,17 +34,23 @@ export const TrailingAction = forwardRef(
             href={href}
             // @ts-expect-error StyledButton wants both Anchor and Button refs
             ref={forwardedRef}
+            className={classes.TrailingActionButton}
             {...props}
           />
         ) : (
           // @ts-expect-error shhh
-          <Button variant="invisible" as={as} href={href} ref={forwardedRef} {...props}>
+          <Button
+            variant="invisible"
+            as={as}
+            href={href}
+            ref={forwardedRef}
+            className={classes.TrailingActionButton}
+            {...props}
+          >
             {label}
           </Button>
         )}
-      </Box>
+      </span>
     )
   },
 ) as PolymorphicForwardRefComponent<'button' | 'a', ActionListTrailingActionProps>
-
-TrailingAction.displayName = 'ActionList.TrailingAction'