title: laravel mix could not compile a scss file containing compass/css3 import
body: <p>I have a file named <code>main.scs</code> that imported a <code>general.scss</code> file that has at the first line this : </p>
  
  <pre><code>@import "compass/css3";
  </code></pre>
  
  <p>As you can see I imported <code>compass/css3</code> to use some predefined mixins. </p>
  
  <p>Of course all of them are in a larvel project. larvel have a built-in <code>Mix</code> library to compile scss and other type files.</p>
  
  <p>Also I wrote these to <code>webpack.mix.js</code> file :</p>
  
  <pre><code>let mix = require('laravel-mix');
  
  mix.sass('resources/assets/sass/main.scss', 'public/main/css');
  </code></pre>
  
  <p>But when running <code>npm run production</code> command I got this error: </p>
  
  <pre><code> error  in ./resources/assets/sass/main.scss
  
  Module build failed:
  @import "compass/css3";
  ^
        File to import not found or unreadable: compass/css3.
  Parent style sheet: D:/wamp/www/loverspay/resources/assets/sass/_general.scss
        in D:\wamp\www\loverspay\resources\assets\sass\_general.scss (line 1, column 1)
  </code></pre>
  
  <p>Even I installed compass in the project directory But there is still that problem</p>
  
  <p>What do I do?</p>