title: how to override imported .css file in react? (Need to override some values in quill css file)
body: <p>I am using Quill.js to have a wysiwyg editor, and it recommends to import the snow.css file as the starting point, but I can't seem to override the styling from that file. For instance:</p>
  <pre><code>import '../path/snow.css' // The css file for the basic styling
  import styles from '../path/component.module.scss' // the module 
  
   return (
        &lt;div className={[styles.newsWrapper].join(' ')}&gt;
          &lt;div data-cy=&quot;status-editor-panel&quot; className={styles.newseditor}&gt;
            &lt;ReactQuill
              className={styles.quill}
              theme=&quot;snow&quot;
              onChange={handleChange}
              modules={{}}
              placeholder={&quot;Start typing to create your article.&quot;}
            /&gt;
            {/* { richText.count &gt; 0 &amp;&amp; &lt;Grid item px={3}&gt;{`${richText.count} total words`}
          &lt;/Grid&gt; } */}
          &lt;/div&gt;
          {error &amp;&amp; (
            &lt;p style={{ color: &quot;red&quot; }}&gt;
              Please write something about your article
            &lt;/p&gt;
          )}
          &lt;div className={&quot;postbuttonwrapper&quot;}&gt;&lt;/div&gt;
          &lt;Button
            className={styles.postbutton}
            onClick={confirmStepOne}
            fullWidth
            variant=&quot;contained&quot;
          &gt;
            Next
          &lt;/Button&gt;
        &lt;/div&gt;
      );
    }
  
  I want to make the outlines zero. I'm importing the styling from '../path/component.module.scss' and the module is *after* the import. I don't know how to order the styling. 
  </code></pre>