Как задать сортировку scss файлам при сборке через Gulp?

Есть такой gulp task для компиляции scss и объединения в один файл:

gulp.task('scss', function () {
    clear.sync(path.clear.style);
    gulp.src(['app/html/**/*.scss', 'app/scss/**/*.scss'])
        .pipe(filter(function (file) {
            return !/\/_/.test(file.path) && !/^_/.test(file.relative);
        }))
     <b>   .pipe(scss({outputStyle: 'nested'})
     </b>       .on('error', notify.onError(
                {
                    message: "<%= error.message %>",
                    title: "Sass Error!"
                }))
        )
        .pipe(autoprefixer("last 3 version"))
        .pipe(prettify({
            indent_size: 3
        }))
        .pipe(concat('style.css'))
        .pipe(gulp.dest('build/css/'))
        .pipe(browserSync.reload({stream: true}))
});

Сборка идёт, проблем никаких нет. проблема лишь в том, в каком порядке идёт сборка.
Допустим у меня есть файл main.scss:

body {
  font-family: 'Proxima Nova', sans-serif;
  font-size: 18px;
  min-width: 1200px;
}
....

А второй файл banner.scss, и он содержить 500 строк кода. После компиляции я получаю сначала стили для баннера, а только потом для body. Но дело не только в боди, хотел бы чтобы всё собиралось в том порядке в котором укажу я, чтобы стили для блоков грузились один за другим, а не как попало.