title: How use @apply in other Scss files with tailwind
body: <p>I'm using Tailwind and I try to use @apply on a scss file but vscode tells me &quot;Unknown at rules @apply&quot;, I show you my App.css file and my css config, I read the tailwind doc about @Apply but I don't know, I must have missed something</p>
  <p>App.css :</p>
  <pre><code>@tailwind base;
  @tailwind components;
  @tailwind utilities;
  
  @import &quot;./unreset.scss&quot;;
  </code></pre>
  <p>A part of my scss :</p>
  <pre><code>.unreset {
      a {
        @apply text-blue-700 underline;
      }
      p {
        @apply my-4;
      }
    
      blockquote,
      figure {
        @apply my-4 mx-10;
      }
    
      hr {
        @apply border;
      }
    
      h1 {
        @apply text-4xl font-bold my-2;
      }
    
      h2 {
        @apply text-2xl font-bold my-3;
      }
    
      h3 {
        @apply text-lg font-bold my-4;
      }
    
      h4 {
        @apply text-base font-bold my-5;
      }
    
      h5 {
        @apply text-sm font-bold my-6;
      }
    
      h6 {
        @apply text-xs font-bold my-10;
      }
  }
  </code></pre>
  <p>postcss.config.js :</p>
  <pre><code>module.exports = {
    plugins: [
      require('postcss-import'),
      require('tailwindcss/nesting')(require('postcss-nesting')),
      require('tailwindcss'),
      require('postcss-preset-env')({
        features: { 'nesting-rules': false }
      }),
    ]
  }
  </code></pre>
  <p>here you go, I don't have any problems compiling, just in my inspector the code is not compiled properly because of @apply. Thanks in advance for your help</p>