狼吞虎咽+；Shopify主题工具包，用于具有颜色功能的Sass

我有一个很烦人的问题。我使用的是Shopify主题工具包的最新版本，它不允许将子文件夹放在assets文件夹中。因此，出于这个原因，我不得不将我的SASS文件放入另一个具有其全部结构的文件夹中，设置一个Gulp任务将其转换为资产文件夹中的单个文件

但是我仍然想使用用户可以在Shopify主题编辑器中设置的主题变量。而且我不能在这个问题上动脑筋

我的gulpfile.js如下所示：

var gulp = require('gulp');
var sass = require('gulp-sass');
var replace = require('gulp-replace');
var autoprefixer = require('gulp-autoprefixer');
var rename = require('gulp-rename');

gulp.task('sass', function() {
    return gulp.src('./styles/theme.scss')
        .pipe(sass({ outputStyle: 'compressed' }).on('error', sass.logError))
        .pipe(autoprefixer())
        .pipe(rename('theme.scss.liquid'))
        .pipe(replace('"{{', '{{'))
        .pipe(replace('}}"', '}}'))
        .pipe(gulp.dest('./assets/'));
});

gulp.task('default', function() {

    return gulp.watch(['./styles/**/*.scss'], gulp.series('sass'));
});

我得到一个错误：

Message:
    styles/partials/_general.scss
Error: argument `$color` of `lighten($color, $amount)` must be a color
        on line 71 of styles/partials/_general.scss, in function `lighten`
        from line 71 of styles/partials/_general.scss
        from line 12 of styles/theme.scss
>>          color: lighten($textColor, 20%);

   ----------^

---

有人知道如何解决这个问题吗？似乎我不能再使用SASS颜色函数了！因为如果我删除了错误消息中的给定行，一切都会正常

你定义了上面的变量了吗？你定义了上面的变量了吗？