[internal] Use React 18's JSX runtime for v5.x UMD builds

[DiegoAndai]

After #44720, we forgot to keep using React 18 for the UMD builds. React 19 removed their UMD builds, so we need to use React 18 for it.

To fix this, this PR:

• Adds a react18 dependency to the mui-material package, which is an alias for react@^18.3.1
• In the rollup config, resolve jsx/runtime to the react18 dependency

To make this work, I had to update:

• rollup-plugin-commonjs (deprecated) to @rollup/plugin-commonjs
• rollup-plugin-node-resolve (deprecated) to @rollup/plugin-node-resolve

These are the updated packages that are recommended. Without this update, the fix still works, but with the updated packages, replacing jsx/runtime is much, much cleaner.

This also means that namedExports is no longer required, as this has been fixed in @rollup/plugin-commonjs. I smoke tested with this PR's build and three components:

Smoke test: index.html.zip

This PR also fixes the UMD build test.

[DiegoAndai]

@Janpot do you think this approach might have some unwanted side effects? I tried to find a way to add a resolution through the rollup configuration but couldn't find any way to do it.

[mui-bot]

Netlify deploy preview

https://deploy-preview-44815--material-ui.netlify.app/

Bundle size report

Details of bundle changes (Toolpad)
Details of bundle changes

Generated by 🚫 dangerJS against d8244ba

[aarongarciah]

Looks good. We can update it later if @Janpot proposes a better solution.

[DiegoAndai]

@aarongarciah I reworked this as @Janpot and I didn't want to commit to the previous approach 😅

I updated the description with the new approach, which is much cleaner. I also attached an index.html file that uses this PR's UMD build to test it.

[Janpot]

looks great. small suggestion to avoid reaching in the node_modules folder directly