fix(plugin-webpack-react): 修复css变量失效问题

[sHow8e]

Types of changes

• [ ] New feature
• [x] Bug fix
• [ ] Documentation change
• [ ] Coding style change
• [ ] Refactoring
• [ ] Performance improvement
• [ ] Test cases
• [ ] Continuous integration
• [ ] Typescript definition change
• [ ] Breaking change

Background and context

因为插件内部处理机制，导致token固化的缘故。

当前插件无法彻底把css变量前缀改得很彻底。

Solution

虽然 有 @arco-cssvars-prefix: if(@arco-vars-prefix = ~'', -, ~'--@{arco-vars-prefix}') 这种语句。

但是token在处理前值已经固化了。如果要想实现css变量的变更。使用时要配置如下才能生效

modifyVars: { prefix: 've-o', 'arco-vars-prefix': 've-o', 'arco-cssvars-prefix': '--ve-o', // 此处要显性添加 },

How is the change tested?

Changelog

Changelog(CN)	Changelog(EN)	Related issues

Checklist:

• [ ] Provide changelog for relevant changes (e.g. bug fixes and new features) if applicable.
• [ ] Changes are submitted to the appropriate branch (e.g. features should be submitted to feature branch and others should be submitted to master branch)

Other information