CSSの数学関数を使用するとgulpでエラーが出る

Question

CSSの数学関数min(), max(), clamp()
https://coliss.com/articles/build-websites/operation/css/css-about-min-max-clamp.html
を使用しようとすると、gulpでのコンパイル時に下記のようなエラーコード吐き出してしまいます。

デベロッパーツールで直接指定すると問題なく適用されるのでコード自体は間違っていないと思います。
gulp-sassは最新版なのですが、まだ対応していないだけなのでしょうか?

詳しい方おられましたらご教授頂けますと助かります。
何卒よろしくお願い致します。

###コード

width: min(300px, 100%);

###エラーコード
src\sass\style.scss
Internal Error: Incompatible units: 'px' and '%'.

Answer 1

こんなのはどうでしょう？
"gulp-sass": "^4.0.2",

.element1 {
    width: unquote("min(300px, 100%)");
}

.element1{width:min(300px, 100%)}

Comments

[kihara]

解決いたしました。ありがとうございます！