title: gulp-sass compiles Google Fonts CSS into the file, breaks protocol-relative link
body: <p>When I use the following code in my <code>.scss</code> file</p>
  
  
  
  <pre><code>@import url('//fonts.googleapis.com/css?family=SomeFont:400,700,400italic');
  </code></pre>
  
  <p>the SASS parser I use (nodejs <code>gulp-sass</code>) happily downloads the file from said location and includes it as plain text in the compiled output.</p>
  
  <p>Here's my Gulpfile:</p>
  
  <pre><code>var gulp = require('gulp'),
      sourcemaps = require('gulp-sourcemaps'),
      autoprefixer = require('gulp-autoprefixer'),
      minify = require('gulp-minify-css'),
      rename = require('gulp-rename'),
      sass = require('gulp-sass'),
      uglify = require('gulp-uglify'),
      plumber = require('gulp-plumber');
  
  gulp.task('sass', function() {
      gulp.src('www/sass/*.scss')
          .pipe(plumber(function(err){
              console.log(err);
              this.emit('end');
          }))
          .pipe(sourcemaps.init())
              .pipe(sass({
                  outputStyle: 'expanded',
                  errLogToConsole: true,
              }))
              .pipe(autoprefixer('last 2 version'))
              .pipe(rename({suffix: '.min' }))
              .pipe(minify())
          .pipe(sourcemaps.write('.'))
          .pipe(gulp.dest('www/css'));
  });
  </code></pre>
  
  <p>Problem is, my site uses <code>HTTPS</code>, and when the file is requested by the compiler, it fetches the file using <code>HTTP</code> and as such the URLs in the returned response are also <code>HTTP</code> which results in loads of warnings filling up the console, while the fonts would not load.</p>
  
  <p>Is there any way I could tell the compiler to leave that line alone?</p>