错误：未定义操作“#700e70” 15%”

Question

嘿，我正在学习 Sass，当我尝试使用函数时遇到了一个问题。代码返回错误：未定义操作“#700e70 + 15%”。

代码如下：

&:hover{
        background-color: lighten(a.$bg-color, 15%);
    }

函数：

@function lighten($color, $amount){
    $color: $color + $amount;
    @return $color;
}

输出：

Error: Undefined operation "#700e70 + 15%".
  ╷
2 │     $color: $color + $amount;
  │             ^^^^^^^^^^^^^^^^
  ╵
  style\util\_functions.scss 2:13       lighten()
  style\components\_buttons.scss 12:27  @forward
  style\components\index.scss 2:1       @use
  style\main.scss 1:1                   root stylesheet