title: JSS: apply css property twice
body: <pre><code>.fixedLayout {
      // clear epic styles
      padding-bottom: 0 !important;
      padding-bottom: var(--safe-area-inset-bottom) !important;
  }
  </code></pre>
  
  <p>Is it possible to make the same with the @material-ui/core/styles?</p>
  
  <p>This is invalid code:</p>
  
  <pre><code>const styles = {
    paddingBottom: '0 !important',
    paddingBottom: 'var(--safe-area-inset-bottom) !important',
  }
  </code></pre>