gulpでscssをsassに変換できない。

Question

やりたいこと

gulpを使用して、特定のscssファイルを監視して、変更があった際に、特定のディレクトリにコンパイルしたcssファイルを吐き出してほしい。

実際のコード

const gulp = require("gulp");
const sass = require("gulp-sass");

gulp.task("default", function() {
return gulp.watch("PATH/TO/SCSS_FILE", function() {
return gulp
.src("PATH/TO/SCSS_FILE")
.pipe(
sass({
outputStyle: "expanded"
}).on("error", sass.logError)
)
.pipe(gulp.dest("PATH/TO/CSS＿DIRECTRY"));
});
});

###↑のgulp.jsにてnpx gulpを実行すると
scssファイルを変更して保存する。
スクリプトが実行されているのか、cssのフォルダの中にscssというフォルダが作成される。
しかし、当のcssファイルにはなんの変更も起きていない。

ちなみに、scssとcssファイルの名前は一致しています。

実行環境

gulp CLI version 2.2.0
Local version 4.0.2
gulp-sass 4.0.2
npm 6.10.3
node v10.16.0

よろしくおねがいします。