title: Stylelint not warning about !important
body: <p>I have a project that make use of styled-components and I just have installed <code>Stylelint</code> following the official guide[1].</p>
  <p>My <code>.stylelintrc.json</code> already have <em><strong>declaration-no-important</strong></em> set to <code>true</code> but seems have no effect, because I have one component that make use of <code>!important</code> (see bellow)</p>
  <pre><code>{
    &quot;processors&quot;: [&quot;stylelint-processor-styled-components&quot;],
    &quot;extends&quot;: [&quot;stylelint-config-recommended&quot;, &quot;stylelint-config-styled-components&quot;],
    &quot;rules&quot;: {
        &quot;declaration-no-important&quot;: true
    }
  }
  </code></pre>
  <pre><code>$ ag important
  lib/components/molecules/Checkbox/Checkbox.styles.ts
  24:      border-color: #7e77a1 !important;
  </code></pre>
  <p>What I need to do to <em><strong>Stylelint</strong></em> warn me about the use of <code>!important</code>?</p>
  <p>1 - <a href="https://styled-components.com/docs/tooling#stylelint" rel="nofollow noreferrer">https://styled-components.com/docs/tooling#stylelint</a></p>