if less variable is @color, the @primary-color is @primary-color: @color; the @primary-color will abnormal

• I have searched the issues of this repository and believe that this is not a duplicate.

Version

2.2.6

Environment

OS: windows 10; node: 16.3; Vue:3.0.5; Chrome: 92.0.4515.131

Reproduction link

https://github.com/benyuanzhang-Zhang/antdv-less-bug

Steps to reproduce

abnormal

@color: #5773d7; // other colors have the same effect
@primary-color: @color; // black

don't use @color is normal

@other-variable: #5773d7;
@primary-color: @other-variable; // normal

What is expected?

the theme primary color is my setting color when mouse hover the default button
当我鼠标悬浮在默认按钮上面是我设置颜色的计算结果

What is actually happening?

when i hover the border color is black
当我悬浮的时候，边框颜色是黑色的

the main file is index.less and App.vue

[github-actions]

Hello @benyuanzhang-Zhang. We totally like your proposal/feedback, welcome to send us a Pull Request for it. Please send your Pull Request to proper branch, fill the Pull Request Template here, provide changelog/TypeScript/documentation/test cases if needed and make sure CI passed, we will review it soon. We appreciate your effort in advance and looking forward to your contribution!

你好 @benyuanzhang-Zhang，我们完全同意你的提议/反馈，欢迎直接在此仓库创建一个 Pull Request 来解决这个问题。请将 Pull Request 发到正确的分支，务必填写 Pull Request 内的预设模板，提供改动所需相应的 changelog、TypeScript 定义、测试用例、文档等，并确保 CI 通过，我们会尽快进行 Review，提前感谢和期待您的贡献。