Stockholm Syndrome

вместо массивов теперь нужно использовать методы series() и parallel()

gulp.task('default', gulp.parallel('style', 'image', 'watch'));

return gulp.src('./scss/index.scss')

используйте gulp-uglify-es вместо uglify

gulp.task('default', gulp.series(
  gulp.parallel('pug', 'sass', 'scripts'),
  gulp.parallel('watch', 'serve')
));

а так?

function dist() {
    return gulp.src('app/*.html')
        .pipe(useref())
        .pipe(gulpif('*.js', uglify()))
        .pipe(gulpif('*.css', cleanCSS()))
        .pipe(gulp.dest('dist'));
}

gulp.task('dist', gulp.series('clean', dist));

у вас ошибка вообще не связана с версиями галпа, просто у вас нет задачи с названием "code"
а так, используйте экспорты вместо gulp.task

function sassToCss() {
 // ...
}
exports.sass = sassToCss;

он должен запускаться при вводе команды gulp watch

сервер запускается в таске browser-sync, а watch лишь следит за изменением файлов, поэтому их надо параллельно запустить, что и делает дефолтная задача