gulpfile.js

const { src, dest, parallel, series, watch } = require('gulp');
const sass = require('gulp-dart-sass');
const del = require('del');

sass.compiler = require('sass');

const build = (file) => () =>
   src(file)
      .pipe(
         sass
            .sync({
               outputStyle: 'compressed',
               sourceMap: true,
            })
            .on('error', sass.logError),
      )
      .pipe(dest('./site/_styles'));

function style() {
   return build('./site/_includes/styles/style.scss')();
}

function print() {
   return build('./site/_includes/styles/print.scss')();
}

function fonts() {
   return build('./site/_includes/styles/fonts.scss')();
}

function clean() {
   return del([
      './site/_includes/styles/style.css',
      './site/_includes/styles/fonts.css',
      './site/_includes/styles/print.css',
   ]);
}

const all = parallel(style, fonts, print);

function watchStyles() {
   watch('./site/_includes/styles/**/*.scss', all);
}

exports.clean = clean;
exports.style = style;
exports.fonts = fonts;
exports.print = print;
exports.watch = watchStyles;
exports.all = all;
exports.default = series(clean, all);