gulp-lessを実行した際、インクルード変数が正しく定義されていない

Question

gulp-lessパッケージを使用して、lessファイルをコンパイルしておりますが、
インクルード変数が正しく定義されていない?ようで、上手く動いてくれません。
gulpのバージョンは3.9.1です。

gulp.js

var gulp = require('gulp'),
    connect = require('gulp-connect-php'),
    browserSync = require('browser-sync'),
    less = require('gulp-less'),
    path = require('path');


gulp.task('connect-sync', function() {
  connect.server({
    port:8001,
    base:'./'
  }, function (){
    browserSync({
      proxy: 'localhost:8001'
    });
  });
});

gulp.task('reload', function(){
  browserSync.reload();
});

gulp.task("default",['connect-sync'], function() {
  gulp.watch("./**/*.php",["reload"]);
});

gulp.task('less', function(){
  src('./css/*.less')
  .pipe(less())
  .pipe(gulp.dest('/src/css/*'));
});
//ファイルの変更があった場合、実行されるタスク
gulp.watch('watch', ['less'], function() {
  gulp.watch('./css/*.less', ['less']);
});

gulp.task('less', function () {
  return gulp.src('./css/**/*.less')
    .pipe(less({
      paths: [ path.join(__dirname, 'less', 'includes') ]
    }))
    .pipe(gulp.dest('./css'));
});


gulp.task('watch', function() {
  gulp.watch('*.php', ['php']);
  gulp.watch('./less/**/*.less', ['less']);
});

gulp.task('default', ['connect-sync', 'watch', 'less']);

エラー文言

[16:46:42] Starting 'less'...
Potentially unhandled rejection [2] variable @sp is undefined in file /Users/ユーザー名/develop/cyuobyoin/css/_common.less line no. 3
PHP 7.1.23 Development Server started at Tue Aug 13 16:46:42 2019

ディレクトリ

恐れ入りますが、ご教示願えますでしょうか？