[docs] Guide on supporting npm packages with css imports

[brijeshb42]

This guide lists down any configuration change required for several bundlers to support npm packages that have css imports in their code. This'll serve as a reference to packages like @mui/x-data-grid and any other similar packages that may have css imports in their code.

Preview Link - https://deploy-preview-46315--material-ui.netlify.app/material-ui/guides/configuring-bundlers-for-css-imports/

To be added -

• [ ] Config required for testing frameworks like Vitest and Jest
• [ ] Changes required to run code with css importing directly from runtimes like Node.js, Bun etc.

• [x] I have followed (at least) the PR section of the contributing guide.

[mui-bot]

Netlify deploy preview

• docs/data/material/guides/packages-with-css-imports/configuring-bundlers-for-css-imports.md

Bundle size report

Bundle	Parsed Size	Gzip Size
@mui/material	0B(0.00%)	0B(0.00%)
@mui/lab	0B(0.00%)	0B(0.00%)
@mui/system	0B(0.00%)	0B(0.00%)
@mui/utils	0B(0.00%)	0B(0.00%)

Details of bundle changes

Generated by :no_entry_sign: dangerJS against 88686186f897466c695f6c434c9a3c06dbf4a807