[core] Remove unnecessary Box

[oliviertassinari]

On the surface level, it's wasteful to render a Box to not use it (a small perf hit)

Now, in longer terms, we have a few opportunities, from the most short-term win to the most long-term:

0. The change done here.
1. We could have a warning that tells us when we use a Box without any prop, so we can't regress on 0.
2. We could have a plugin that automatically transforms the Box into a div at built-time, so we get the performance win, while also not having to add/remove the Box import
3. We could address [system] Support sx on all primitive elements material-ui#23220, the Box abstraction is annoying, all these </Box> closing tags tells you nothing. It would be much clearer if we could use the native element directly or the class name directly like in https://panda-css.com/docs/utilities/spacing#all-sides.

So, you could see step 0 as a step backward from step 2 referential, but it's a step forward compared to step 3 so I think we should move forward, be long-term oriented.

[mui-bot]

Netlify deploy preview

Netlify deploy preview: https://deploy-preview-9831--material-ui-x.netlify.app/

Updated pages

• docs/data/data-grid/accessibility/accessibility.md

These are the results for the performance tests:

Test case	Unit	Min	Max	Median	Mean	σ
Filter 100k rows	ms	308.8	481	372.9	378.82	65.17
Sort 100k rows	ms	415.4	768.4	607	594.24	118.077
Select 100k rows	ms	136.1	195.7	191.5	171.9	27.432
Deselect 100k rows	ms	93.2	196.5	181.7	145.44	40.848

Generated by 🚫 dangerJS against 601e929