css - CSS 変数を Sass 関数の引数として使用する

Question

lighten などの Sass 関数で CSS 変数を使用する方法はありますか? このようなもの：

:root {
  --color: #ff00ff;
}

.div {
  background-color: lighten(var(--color), 32%);
}

「引数は色$colorでなければなりません」というエラー メッセージが表示されます。lighten($color, $amount)

js で使用する必要があるため、CSS (Sass ではなく) 変数を使用しています。