当我在 dart-sass 中使用 mix() 时，输出是 rgb() 而不是 HEX(#)

Question

我在 Mac 上使用 [电子邮件受保护]、[电子邮件受保护]。

gulp任务如下。

import { src, dest, series, watch } from 'gulp';
import * as dartSass from 'sass';
import gulpSass from 'gulp-sass';

const sass = gulpSass(dartSass);

const sassTask = (done) => {
  src([ "src/sass/**/*.scss"])
    .pipe(
        sass().on('error', sass.logError)
    )
    .pipe(dest('css'))
    .on('end', done);
};

const watchTask = (done) => {
  watch("src/sass/**/*.scss", series(sassTask))
    .on('end', done);
};

export { sassTask, watchTask };

export default watchTask;

示例如下所示。

@use "sass:color";

$color_brown: #58504c;

p {
  color: color.mix($color_brown, #fff, 50%);
}

结果如下。

p {
  color: rgb(104.7, 97.5, 93.9);
}

我想要的结果如下

p {
  color: #69625e;
}

在其他环境中，输出是十六进制的，但是我在构建这个新环境时遇到了这种情况。

我需要做什么配置吗？

Answer 1

我找到了一个临时解决方案，即回滚到 sass 1.77.8 和 gulp-sass 5.1.0