[material-ui] Replace all '@mui/utils' imports

[MonstraG]

This is an attempt at doing #35840 with a limited scope:

• only imports from '@mui/utils'
• only imports in '@mui/material'

All of these changes were done automatically with:

node.js code

const fs = require("fs").promises;
const path = require("path");

const packages = ["@mui/utils"];

/**
 * @param line {string}
 * @returns {string}
 */
const processLine = (line) => {
	for (let pkg of packages) {
		const regex = new RegExp(`import {(.*?)} from '${pkg}';`);
		const match = line.match(regex);

		if (match) {
			const importsArray = match[1].split(",").map((str) => str.trim());

			return importsArray
				.map((importItem) => {
					const [originalName, aliasName] = importItem
						.split(" as ")
						.map((name) => name.trim());
					const importedAs = aliasName || originalName;
					const importedFrom = `${pkg}/${importedAs}`;

					return `import ${importedAs} from '${importedFrom}';`;
				})
				.join("\n");
		}
	}

	return line;
};

/**
 * @param filePath {string}
 * @returns {Promise<void>}
 */
const processFile = async (filePath) => {
	const data = await fs.readFile(filePath, "utf8");
	const result = data.toString().split("\n").map(processLine).join("\n");
	await fs.writeFile(filePath, result, "utf8");
};

/**
 * @param directoryPath {string}
 * @returns {Promise<void>}
 */
const processDirectory = async (directoryPath) => {
	const files = await fs.readdir(directoryPath, { withFileTypes: true });

	for (const file of files) {
		const filePath = path.join(directoryPath, file.name);

		if (file.isDirectory()) {
			await processDirectory(filePath);
		} else {
			await processFile(filePath).catch((err) =>
				console.error(`Error processing file ${filePath}: ${err.message}`)
			);
		}
	}
};

processDirectory("/material-ui/packages/mui-material/src").catch(console.error);

If this is a replacement that we are looking for, I can try running this on all packages, and start adapting it to other imports (like system, base, but they would require more work)

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

[mui-bot]

Netlify deploy preview

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

Bundle size report

Bundle size will be reported once CircleCI build #614978 finishes.

Generated by 🚫 dangerJS against a24a9e5

[mnajdova]

I am creating #39882 to fix the errors for exports not being modules.

[michaldudak]

With generateUtilityClasses, we could import the local Material UI version (similarly to generateUtilityClass). It would allow us to customize the class name pattern.

Suggested change

	import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
	import generateUtilityClasses from '../generateUtilityClasses';

[michaldudak]

@MonstraG could you please rebase on top of the latest master and check the failing tests?

[MonstraG]

I'll open a new pull request then.

It seems that somebody already merged #40254,

Which reverses this decision:

With generateUtilityClasses, we could import the local Material UI version (similarly to generateUtilityClass). It would allow us to customize the class name pattern.

so I'm not doing it