abberati

научитесь задавать вопросы. исходя из коммента под ответом Сергей: может вот так?

@mixin my-mixin($classname, $anotherClassname) {
  padding: 20vh 0 1vh;
  #{$classname} {
    position: relative;
    top: -1.5vw;
    #{$anotherClassname} {
      margin-bottom: 2.3vw;
    }
    img {
      width: 53px;
    }
  }
}

#front-hello {
 @include my-mixin('.front-hello-slider','.slider-vertical-item');
}

#back-hello {
 @include my-mixin('.back-hello-slider','.slider-vertical-item');
}

достаточно во второй строке таски сообщить gulp'у, что он должен забирать не все файлы отовсюду, а один корневой main.sass, в который подключаются остальные
return gulp.src('app/sass/path/to/main.sass')

в ошибке сказано, что функция gulp.parallel() не определена. проверь, какую версию gulp ты используешь, эта штука есть только в gulp@4, который пока на стадии alpha.

а вообще - очень странное решение, следить за _всеми_ папками и при каждом изменении запускать параллельную сборку _всех_ папок. создай по watch'у на каждую папку, каждый из которых будет следить за папкой и компилить её.

UPD: watch должен следить не за отдельным файлом custom.scss, а за всеми файлами в папке

gulp.task('watch', function() {
  gulp.watch('./styles/a/first/**/*.scss', ['first-scss-custom']);
  gulp.watch('./styles/a/second/**/*scss', ['second-scss-custom']);
  gulp.watch('./styles/a/third/**/*.scss', ['third-scss-custom']);
});