title: Is there a performance difference between the sx prop and the makeStyles function in Material UI?
body: <p>I've just started using Material UI, and I know that it uses CSS in JS way of styling components.<br />
  I saw 2 methods in the documentation of how to create styles:</p>
  <p>Using the <code>sx</code> prop:</p>
  <pre><code>&lt;Box sx={{ backgroundColor: 'green' }}/&gt;
  </code></pre>
  <p>Using the <code>makeStyles</code> method:</p>
  <pre><code>makeStyles({
    root: {
      backgroundColor: 'green'
    }
  })
  </code></pre>
  <p>I know that CSS in JS is much less performant than native CSS.<br />
  But between these 2 methods I just wrote, which one is more performant (if any)?</p>
  <p>By the way, I'm using Material UI version 5, which claims to have better performance overall with emotion instead of JSS</p>