title: Some scss properties disable in component based styling in nextjs
body: <p>I am using following css property in my component styling file in NextJs or if i import my main styles.scss file in my any component.styles.scss file it gives same error:</p>
  <pre><code>input[type=&quot;date&quot;] {
    display: block;
  
    /* Solution 1 */
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    min-height: 1.2em;
  
  }
  </code></pre>
  <p>But it throws following error as show in image:</p>
  <p><a href="https://i.stack.imgur.com/DzzJU.png" rel="nofollow noreferrer">Error Image</a></p>