title: Sass ID selector isn't working in React and create-react-library
body: <p>I have a library I'm making with a <code>Header</code> component and a <code>Button</code> component. I gave them ID's to identify them in my SASS file, this is my current situation: </p>
  
  <p><strong>index.js</strong>:</p>
  
  <pre><code>import React from 'react'
  import './styles.module.scss'
  
  export const Button = ({text, bgColor, textColor, fontFamily}) =&gt; {
  
    return &lt;button id="button" style={
      {backgroundColor: [bgColor],
      color: [textColor],
      fontFamily: [fontFamily]}
    }&gt;{text}&lt;/button&gt;
  }
  
  export const Header = ({text, size, fontFamily, textColor}) =&gt; {
    return &lt;h1 style={{
      fontSize: [size],
      fontFamily: [fontFamily],
      color: [textColor]
    }} id="header"&gt;{text}&lt;/h1&gt;
  }
  
  export const subHeader = () =&gt; {
    return null
  }
  </code></pre>
  
  <p><strong>styles.module.scss</strong>:</p>
  
  <pre><code>@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700&amp;display=swap');
  $font: 'Montserrat',
  sans-serif;
  $blue: #1778f2;
  #button {
      background: $blue;
      border: none;
      color: white;
      padding: 1em 2em;
      border-radius: 10px;
      font-family: $font;
      font-weight: 500;
      font-size: 1.2em;
      line-height: .8em;
      cursor: pointer;
      &amp;:focus {
          outline: none;
      }
  }
  
  #header {
      font-family: $font;
      margin: 0;
      font-size: 3em;
  }
  </code></pre>
  
  <p>That's isn't working. However, when I replace the ID selectors in my scss file to the element names in HTML (button, h1), it works:</p>
  
  <pre><code>button {
      background: $blue;
      border: none;
      color: white;
      padding: 1em 2em;
      border-radius: 10px;
      font-family: $font;
      font-weight: 500;
      font-size: 1.2em;
      line-height: .8em;
      cursor: pointer;
      &amp;:focus {
          outline: none;
      }
  }
  
  h1 {
      font-family: $font;
      margin: 0;
      font-size: 3em;
  }
  </code></pre>
  
  <p>What's the problem here? Is it the sass (I'm pretty new to it, BTW I installed node sass so It should work) or something else? Thanks in advance.</p>