[codemod] Skip sx spread transformation

[siriwatknp]

closes #43230

<FormControl
  disabled={disabled}
  id={id}
  sx={[...(Array.isArray(formControlSx) ? formControlSx : [formControlSx])]}
/>;

The code above is a type of sx spread which works with MUI System. The codemod should not transform this code.

Unrelated to this PR but need to check if Pigment CSS will skip this code or not.

---

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

[mui-bot]

Netlify deploy preview

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

Bundle size report

No bundle size changes (Toolpad)
No bundle size changes

Generated by 🚫 dangerJS against 323278f

[LukasTy]

Are you sure that we don't need the sx prop name check in this rule as well? 🤔
I suspect that given the existing rule, it would skip the following prop as well, even though it probably shouldn't. 🤔

xyz={[
  ...(Array.isArray(xyz) ? xs : [xyz]),
  ...(Array.isArray(slotProps?.layout?.xyz) ? slotProps.layout.xyz : [slotProps.layout.sxxyz),

[siriwatknp]

This codemod only targets sx prop, so it will not look into this xyz prop.

[LukasTy]

Oh, I saw sx checks in the || else rules and assumed these are the only checks. 🙈
LGTM then, sorry for the distraction. 👍

[LukasTy]

Thanks for taking care of it. 🙏

[LukasTy]

Oh, I saw sx checks in the || else rules and assumed these are the only checks. 🙈
LGTM then, sorry for the distraction. 👍