[data grid] Inherit icon fontSize from baseIconButton size (mui#22187)

Co-authored-by: sunmozong <sunmozong@kuaishou.com>
Co-authored-by: Albert Yu <albert@albertyu.co>
Co-authored-by: Michel Engelen <32863416+michelengelen@users.noreply.github.com>

Author: 4 people

packages/x-data-grid/src/components/cell/GridActionsCellItem.tsx

@@ -48,7 +48,7 @@ const GridActionsCellItem = forwardRef<HTMLElement, GridActionsCellItemProps>((p
         {...rootProps.slotProps?.baseIconButton}
         ref={ref as React.RefObject<HTMLButtonElement>}
       >
-        {React.cloneElement(icon!, { fontSize: 'small' })}
+        {React.cloneElement(icon!, { fontSize: 'inherit' })}
       </rootProps.slots.baseIconButton>
     );
   }

packages/x-data-grid/src/tests/rows.DataGrid.test.tsx

@@ -11,7 +11,9 @@ import {
 } from '@mui/internal-test-utils';
 import clsx from 'clsx';
 import { spy, stub } from 'sinon';
+import { iconButtonClasses } from '@mui/material/IconButton';
 import Portal from '@mui/material/Portal';
+import SvgIcon, { svgIconClasses } from '@mui/material/SvgIcon';
 import {
   DataGrid,
   type DataGridProps,
@@ -317,6 +319,27 @@ describe('<DataGrid /> - Rows', () => {
         expect(screen.queryByText('print')).to.equal(null);
       });
 
+      it('should let the icon inherit the action button size', () => {
+        render(
+          <TestCase
+            getActions={() => [
+              <GridActionsCellItem
+                key={1}
+                icon={<SvgIcon data-testid="delete-icon" />}
+                label="delete"
+                size="large"
+              />,
+            ]}
+          />,
+        );
+
+        const actionButton = screen.getByRole('menuitem', { name: 'delete' });
+        const icon = screen.getByTestId('delete-icon');
+
+        expect(actionButton).to.have.class(iconButtonClasses.sizeLarge);
+        expect(icon).to.have.class(svgIconClasses.fontSizeInherit);
+      });
+
       it('should show in a menu the actions marked as showInMenu', async () => {
         const { user } = render(
           <TestCase