Repository: material-ui
Issue: Significant Bundle Size Increase After Recent MUI Update
Labels: package: material-ui

### Steps to reproduce

_No response_

### Current behavior

After updating to the latest version of Material-UI, we've observed a substantial increase in our bundle size. 
This increase was noticed without any changes to our existing codebase. For example, our `BreadcrumbsItem` and `NotificationItem` components, which utilise various MUI components, have seen a notable increase in size.

```tsx
import Link, { type LinkProps } from "@mui/material/Link";
import Stack from "@mui/material/Stack";
import Typography from "@mui/material/Typography";
import type { ElementType, ReactNode } from "react";

export default function BreadcrumbsItem<C extends ElementType>({
  icon,
  label,
  ...linkProps
}: {
  /**
   * Icon to display before the label. The CSS `font-size` of the icon should be
   * `inherit`.
   */
  icon?: ReactNode;

  /** The label text. */
  label: ReactNode;
} & LinkProps<C, { component?: C }>) {
  return (
    <Link variant="body2" underline="hover" color="inherit" {...linkProps}>
      <Stack direction="row" alignItems="center" spacing={1}>
        {icon}
        <Typography variant="inherit" component="span">
          {label}
        </Typography>
      </Stack>
    </Link>
  );
}
```

### Expected behavior

We expect the bundle size increase to be minimal or at least proportional to the new features or improvements introduced in the update. 

### Context

Our primary goal is to understand the root cause of the significant bundle size increase and explore potential solutions or optimizations to mitigate this impact.

## Additional Context

Running our test suite shows the following error without changing our existing codebase.

```
✖ failing tests:

test at src/components/BreadcrumbsItem.test.ts:9:10
✖ Bundle size. (177.302917ms)
  AssertionError [ERR_ASSERTION]: 31165 B minified and gzipped bundle exceeds the 31050 B limit by 115 B; increase the limit or reduce the bundle size.
      at assertBundleSize (/Users/d.omifare/workspace/aura-ui/src/utils/test/assertBundleSize.ts:49:5)
      at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
      at TestContext.<anonymous> (/Users/d.omifare/workspace/aura-ui/src/components/BreadcrumbsItem.test.ts:10:7)
      at async Test.run (node:internal/test_runner/test:688:9)
      at async Promise.all (index 0)
      at async Suite.run (node:internal/test_runner/test:1029:7)
      at async Test.processPendingSubtests (node:internal/test_runner/test:420:7) {
    generatedMessage: false,
    code: 'ERR_ASSERTION',
    actual: undefined,
    expected: undefined,
    operator: 'fail'
  }
  
  test at src/components/NotificationItem.test.ts:9:10
✖ Bundle size. (102.726159ms)
  AssertionError [ERR_ASSERTION]: 31190 B minified and gzipped bundle exceeds the 30100 B limit by 1090 B; increase the limit or reduce the bundle size.
      at assertBundleSize (/home/runner/work/aura-ui/aura-ui/src/utils/test/assertBundleSize.ts:49:5)
      at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
      at TestContext.<anonymous> (/home/runner/work/aura-ui/aura-ui/src/components/NotificationItem.test.ts:10:7)
      at async Test.run (node:internal/test_runner/test:765:9)
      at async Promise.all (index 0)
      at async Suite.run (node:internal/test_runner/test:1106:7)
      at async Test.processPendingSubtests (node:internal/test_runner/test:492:7) {
    generatedMessage: false,
    code: 'ERR_ASSERTION',
    actual: undefined,
    expected: undefined,
    operator: 'fail'
  }
...
```

### Your environment

<details>
  <summary><code>npx @mui/envinfo</code></summary>

```
  System:
    OS: macOS 14.5
  Binaries:
    Node: 20.14.0 - ~/.nvm/versions/node/v20.14.0/bin/node
    npm: 10.8.1 - ~/.nvm/versions/node/v20.14.0/bin/npm
    pnpm: 8.12.0 - ~/.nvm/versions/node/v20.14.0/bin/pnpm
  Browsers:
    Chrome: 126.0.6478.127
    Edge: 126.0.2592.102
    Safari: 17.5
  npmPackages:
    @emotion/react:  11.11.4 
    @emotion/styled: ^11.11.5 => 11.11.5 
    @mui/base: ^5.0.0-beta.46 => 5.0.0-dev.20240529-082515-213b5e33ab 
    @mui/core-downloads-tracker:  5.16.2 
    @mui/icons-material: ^5.15.18 => 5.16.2 
    @mui/material: ^5.15.18 => 5.16.2 
    @mui/private-theming:  5.16.2 
    @mui/styled-engine:  5.16.2 
    @mui/system:  5.16.2 
    @mui/types:  7.2.15 
    @mui/utils: ^5.15.14 => 5.16.2 
    @mui/x-data-grid:  5.17.26 
    @mui/x-data-grid-pro: ^5.17.26 => 5.17.26 
    @mui/x-license-pro: ^5.17.12 => 5.17.12 
    @types/react: ^18.2.79 => 18.3.3 
    react: ^18.2.0 => 18.3.1 
    react-dom: ^18.2.0 => 18.3.1 
    typescript: ^5.2.2 => 5.5.3 
```
</details>


**Search keywords**: bundle size