SCSSの@if文にCSSのカスタムプロパティは使えませんか？

Question

以下のようなSCSSのコードを書いてみたのですが、条件式のところがTRUEにならないようです。

$alignのようにSCSSの変数を使ったら動くのですが、他の部分との兼ね合いでできればCSSのカスタムプロパティを使いたいと思っております。

条件式にCSSのカスタムプロパティは使えないのでしょうか？

.title-wrap {
  --align: center;

  text-align: var(--align);

  h2 {
    border-bottom: 2px solid #555;
    color: #555;
    width: 200px;

    @if var(--align) == center {
      margin: 0 auto 5px;
    }
  }
}

Answer 1

unquote関数と#{}を使用すれば実装できます。

    //@if unquote("#{var(--align)} == center") {
    //  margin: 0 auto 5px;
    //}

    @if '#{var(--align)} == center' {
      margin: 0 auto 5px;
    }

追記
#{}だけだとコンパイル時にwarningが出るのでunquote関数を使用したのですが、追記後のコードの方が簡単で恐らく一般的だと思います。
参考URL