title: Gulp not compiling function / following source ordering
body: <p>I have the following in my <code>gulpfile.js</code></p>
  
  <pre><code>var baseDir = 'Base/Assets/scss/**/**';
  var modulesDir = 'Modules/**/Assets/scss/*'; 
  
  return gulp.src([baseDir + '*.scss', modulesDir + '*.scss'])
      .pipe(sass({cacheLocation: sassCacheDir, lineNumbers: false}))
      .pipe(concat('app.min.css'));
  </code></pre>
  
  <p>Within the baseDir I have an app.scss file like this:</p>
  
  <pre><code>@import "node_modules/foundation-sites/scss/util/util";
  
  @import "settings";
  @import "foundation";
  </code></pre>
  
  <p>Within the <code>util</code> there's a function called <code>rem-calc</code>. I use this function in my <code>Modules</code> scss files, but these are never executed. Instead in the outputted css I have the following <code>margin-top: rem-calc(10);</code> when this should actually have been converted in to rem's.</p>
  
  <p>The only thing I can thing of is that Gulp isn't remembering the src ordering. Any help will be greatly appreciated.</p>