升级Element Plus版本，如何解决报错以及需要修改哪些配置

#为了实现Collapse折叠面板的自定义icon，将Element plus 2.6.3升级到2.8.x ，如何解决报错，如何修改vite配置；

1.升级Element Plus 到最新版本

npm install element-plus@latest

2.Element 文档中有提示，2.8.5及以后得版本，sass最低支持的版本为1.79.0，所升级sass、sass-loader

npm install sass@latest sass-loader@latest

3.升级完成后需要修改，vite.config.ts文件中，样式预加载的配置

    css: {
      // 预加载
      preprocessorOptions: {
        // 全局样式变量预注入
        scss: {
          additionalData: `@use "@/assets/styles/variables.scss" as *;`, // 导出全局变量和 mixin
          api: 'modern-compiler', // 修改api调用方式
        },
      },
    },

4.处理【@import】报错 ，sass升级版本后不在支持@import，需将页面中所有的@import的样式引入修改成@use

修改如下：

@use'./variables.scss';

5.处理全局内置函数报错，your-entrypoint.scss 改成自己样式文件的具体路径，只要用了全局函数的scss文件都要迁移出来

修改如下: 

$ npm install -g sass-migrator
$ sass-migrator module --migrate-deps your-entrypoint.scss