css - なぜless.jsは色変数を計算できないのに、lessファイルをcssにコンパイルすると計算されるのですか?

Question

次のような少ないファイルで変数を使用します。

@base-color: #8156A3;
@base-color-darker: (@base-color - #111);

#searchForm{
   border: 1px solid @base-color-darker;
}

less ファイルを css ファイルにコンパイルすると、変数は正しく機能しますが、less ファイルをページ スタイル シートとして使用すると、変数が要素に影響しません。

これは、less.js と less スタイル シートをリンクする方法です。

<script src="assets/js/less.min.js"></script>
<link rel="stylesheet" href="assets/less/main.less" />

何が間違っている可能性がありますか？