refactor(style): migrate from @functions to @plugin usage

[HyperLife1119]

PR Checklist

Please check if your PR fulfills the following requirements:

• The commit message follows our guidelines: https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/CONTRIBUTING.md#commit
• Tests for the changes have been added (for bug fixes / features)
• Docs have been added / updated (for bug fixes / features)

PR Type

What kind of change does this PR introduce?

[ ] Bugfix
[ ] Feature
[ ] Code style update (formatting, local variables)
[x] Refactoring (no functional changes, no api changes)
[ ] Build related changes
[ ] CI related changes
[ ] Documentation content changes
[ ] Application (the showcase website) / infrastructure changes
[ ] Other... Please describe:

What is the current behavior?

Issue Number: N/A

What is the new behavior?

此 PR 基于 #8545.

由于 ZORRO 已经同步了最新的 antd4 的样式，并且 antd4 已进入维护模式，因此我们在这里直接修改 antd 的样式文件应该是被允许的。

在此 PR 中，我们将所有废弃的 @functions 语法替换为 @plugin，并且关闭 less 的 javascriptEnabled 选项，消除了编译警告。

Does this PR introduce a breaking change?

[x] Yes
[ ] No

由于 @functions 改为了 @plugin，在使用这些函数时，不再需要使用 ~` ` 语法对函数调用进行包裹，迁移方法为：

旧用法：

color(~`colorPalette('@{primary-color}', 5)`)

新用法：

color(colorPalette('@{primary-color}', 5))

注意：我们需要在 v18 发行日志中提及这一点。

Other information

[zorro-bot]

This preview will be available after the AzureCI is passed.

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 91.57%. Comparing base (61df74d) to head (434ce5a).

Additional details and impacted files

@@            Coverage Diff             @@
##           master    #8552      +/-   ##
==========================================
- Coverage   91.58%   91.57%   -0.02%     
==========================================
  Files         532      532              
  Lines       18334    18334              
  Branches     2802     2802              
==========================================
- Hits        16791    16789       -2     
- Misses       1226     1227       +1     
- Partials      317      318       +1     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[HyperLife1119]

需要在 CodeFactor 配置中忽略 components/style/color/tinycolor2.js 文件。

[Laffery]

LGTM. I'll try to configure the codefactor settings to ignore tinycolor2.js

[Laffery]

hi @HyperLife1119
我在使用动态切换主题 时遇到一个问题，看起来可能和这个 pr 有关。

reproduction link -> https://github.com/Laffery/nz-theme-issue

在 https://github.com/Laffery/nz-theme-issue/blob/main/src/app/pages/welcome/welcome.component.less#L10 中使用了zorro 内置变量 @gold-3，运行 npm start 抛错如下:

断点调试定位到抛错位置在 https://github.com/less/less.js/blob/master/packages/less/src/less/functions/color.js#L435

如果有时间请看下这个问题，期待和你一起探讨！

[HyperLife1119]

我试了一下，看起来似乎是因为在 mixin 内部使用 import，会影响在外部使用 antd 内置的几个 @plugins（可能与插件的作用域有关），我在顶部添加一个 colorPalette.less 的导入就可以解决这个问题了：

@import '../../../node_modules/ng-zorro-antd/src/style/color/colorPalette.less';

.themeMixin(@rules) {
  html {
    &.default {
      @import './default.less';
      @rules();
    }
    &.dark {
      @import './dark.less';
      @rules();
    }
  }
}

或者说必须在顶部导入 antd 的某个 theme，它们已经包含了那几个 plugins，或者直接在顶部导入 plugin 对应的 less 文件。🧐

[Laffery]

或者说必须在顶部导入 antd 的某个 theme，它们已经包含了那几个 plugins，或者直接在顶部导入 plugin 对应的 less 文件。🧐

动态主题场景下可能不太会在顶部就导入某个 theme，目前看最好就是在顶部导入 plugin。
我觉得可以在 动态切换主题 文档里补充下说明