gulp-sass-globで全てのファイルがインポートされない

Question

前提・実現したいこと

foundationフォルダ内に、_base.scss,_mixin.scss,_reset.scss,_variable.scssの4ファイルがあるのですが、_mixin.scss
と_variable.scssがインポートできずにstyle.cssに反映されないので解消したいです。

該当のソースコード

const gulp = require('gulp');
const sass = require('gulp-sass');
const sassGlob = require('gulp-sass-glob');
const autoprefixer = require('gulp-autoprefixer');
const sourcemaps = require('gulp-sourcemaps');
const plumber = require('gulp-plumber');
const notify = require('gulp-notify');
const browserSync = require('browser-sync');

gulp.task('sass', function() {
	return gulp.src('./sass/**/*.scss')
		.pipe(plumber({errorHandler: notify.onError(
			"Error: <%= error.message %>"
		)}))
		.pipe(sourcemaps.init())
		.pipe(sassGlob())
		.pipe(sass({outputStyle: 'expanded'}))
		.pipe(autoprefixer({
			cascade: false
		}))
		.pipe(sourcemaps.write('./'))
		.pipe(gulp.dest('./css'));
});
gulp.task('watch', function() {
	gulp.watch('./sass/**/*.scss', gulp.task('sass'));
});

上記の"gulp-sass-glob"の「...」部分にマウスをホバーすると以下のようなメッセージが表示されます。

発生している問題・エラーメッセージ

モジュール 'gulp-sass-glob' の宣言ファイルが見つかりませんでした。'/Users/takitoueno/Desktop/site-template/node_modules/gulp-sass-glob/dist/index.js' は暗黙的に 'any' 型になります。
  存在する場合は `npm i --save-dev @types/gulp-sass-glob` を試すか、`declare module 'gulp-sass-glob';` を含む新しい宣言 (.d.ts) ファイルを追加します

試したこと

①gulp-sass-globの最新版インストール（CLI version: 2.3.0 / Local version: 4.0.4）
②npm i --save-dev @types/gulp-sass-glob　を実行
→エラーで実行できず。
③node_modules内にsrc/@types作成し、@types内にgulp-sass-glob.d.tsファイルを作成、本文にdeclare module 'gulp-sass-glob';を記述したところ、宣言ファイルのエラーメッセージは消えましたが、相変わらず全てのファイルがインポートされない状況です。

詳しい方がいらっしゃいましたら、解決方法をご教授いただきたいです。
よろしくお願いいたします。

Answer 1

色々試行錯誤した結果、gulp-sass-globでファイルを読み込めていないのではなく、_mixin.scssの内容を_base.scss内で定義より先に@includeしていたことが原因とわかり、layoutフォルダの_header.scss内で読み込んだら解消致しました！
ファイルの読み込み順序の大切さがわかりました！！