我想知道是否有解决方案：

• 在.scss文件中使用液体
• 然后将所有.scss文件编译为.css

现在，我正在使用一个自定义的主题启动器，它使用gulp把我的.scss文件编译成一个唯一的theme.css文件，我想在我的.scss文件中使用liquid，然后仍然把所有这些编译成.css。
现在，我不能添加.scss.liquid到我的文件中，因为如果我这样做，那么编译器就会崩溃，因为它显然不识别.liquid扩展名。我发现an article讨论如何将文件编译到.scss.liquid，但这不是我想要的，因为Shopify将来不会使用Scss。我想直接编译到.css。
下面是sass文件的当前任务：

const { src, dest } = require('gulp');
const sass = require('gulp-sass');
const sourcemaps = require('gulp-sourcemaps');
const rename = require('gulp-rename');

sass.compiler = require('node-sass')

const styles = () => src('src/styles/theme.scss')
  .pipe(sourcemaps.init())
  .pipe(sass().on('error', sass.logError))
  .pipe(sourcemaps.write())
  .pipe(rename('theme.css'))
  .pipe(dest('dist/assets/'));

module.exports = styles;