title: Use emotion css function without exposing the component name in output class name
body: <p>Added css to element as below:</p>
  <pre><code>/** @jsxRuntime classic */
  /** @jsx jsx */
  import { jsx, css } from '@emotion/react';
  
      function Icon() {
        return (
            &lt;span
                css={css`
                    color: red;
                  `}&gt;
                Icon
            &lt;/span&gt;
        );
      }
      export default Icon;
  </code></pre>
  <p>Class Name generated as <strong>class=&quot;css-1f6rj74-Icon&quot;</strong> for the span element.</p>
  <p>We don't want to expose component names to public.</p>
  <p>How can I <strong>remove the Icon- Component name</strong> from generated css classname.?</p>
  <ul>
  <li>React version: 17.0.2</li>
  <li>&quot;@emotion/react&quot;: &quot;^11.1.5&quot;</li>
  </ul>