[code-infra] Update prettier

[Janpot]

The result of running

pnpm upgrade --latest -r prettier pretty-quick
pnpm dedupe
pnpm docs:api
pnpm docs:typescript:formatted
pnpm prettier:all

[mui-bot]

Netlify deploy preview

• docs/data/material/guides/composition/composition.md

Bundle size report

No bundle size changes (Toolpad)
No bundle size changes

Generated by 🚫 dangerJS against de181d5

[Janpot]

I have this issue where if I run

pnpm upgrade --latest prettier
pnpm dedupe

and then

pnpm typescript:ci

I get a bunch of typescript errors around joy UI. No problem if I skip running

pnpm dedupe

@siriwatknp @michaldudak I have a hunch there's some implicit dependency issue around csstypes and possibly others. If you'd have a moment to take a look at this, to see if you spot something obvious?

[michaldudak]

It seems that csstype 3.1.3 has breaking changes (frenic/csstype#189). Pinning the version to 3.1.2 prevents these issues from happening. I'll see if it could be fixed on our side.

[Janpot]

Pinning it to 3.1.2 in the resolutions didn't seem to help. Adding it to @mui/joy as an explicit dependency fixed the problem for joy, but not for the docs. Doing the same for the docs didn't help

[michaldudak]

Pinning in resolutions does help in Joy only.
Also, if you update version numbers manually instead of running pnpm upgrade --latest prettier, a different set of errors show up in Joy docs. @siriwatknp, could you also take a look at it?

[siriwatknp]

Found it. This fixes the issue, here is the PR.

diff --git a/packages/mui-system/src/styleFunctionSx/styleFunctionSx.d.ts b/packages/mui-system/src/styleFunctionSx/styleFunctionSx.d.ts
index 929177b4cd..6d373d0ae5 100644
--- a/packages/mui-system/src/styleFunctionSx/styleFunctionSx.d.ts
+++ b/packages/mui-system/src/styleFunctionSx/styleFunctionSx.d.ts
@@ -9,7 +9,7 @@ import { OverwriteCSSProperties } from './OverwriteCSSProperties';
  * Note that this extends to non-theme values also. For example `display=['none', 'block']`
  * will also works.
  */
-export type ResponsiveStyleValue<T> = T | Array<T | null> | { [key: string]: T | null };
+export type ResponsiveStyleValue<T> = T | ReadonlyArray<T | null> | { [key: string]: T | null };
 
 /**
  * Map of all CSS pseudo selectors (`:hover`, `:focus`, ...).

[siriwatknp]

I pushed the a900b56 to test if it works in this PR.

[michaldudak]

The lowercase doctype seems controversial (prettier/prettier#7391) but I really like indented ternaries.