Ошибка с переменными css в scss?

@function v($var, $fallback: null) {
  @if($fallback) {
    @return var(--#{$var}, $fallback);
  } @else {
    @return var(--#{$var});
  }
}

&__icon-card {
     --value-filter: 100%;

     filter: grayscale(v(value-filter));
     transition: $transition;
}

&__icon-card {
    --value-filter: 100%;

    filter: #{"grayscale( var(--value-filter) )"};
    transition: $transition;
  }

@function v($var, $fallback: null) {
  @if($fallback) {
    @return var(--#{$var}, $fallback);
  } @else {
    @return var(--#{$var});
  }
}