vite2+vue3+ts+vant3.0环境下 vant如何自定义主题？

vite.config.ts文件中关于自定义主题的代码

//vite.config.ts
const resolve = (dir: string) => path.join(__dirname, dir)

css: {
    preprocessorOptions: {
      less: {
        modifyVars: {
          hack: `true; @import "${resolve('./src/assets/style/custom-vant-style.less')}";`,
        },
      }
    }
  }

目前文件可以加载，在其他CSS样式中直接使用引入的less文件的变量是可以改变样式的，但无法改变vant的样式，有谁清楚什么原因么？

补充一下：
vant的CSS文件是在main.ts文件中全局导入的：

import 'vant/lib/index.css'

目前发现是没有正确引入vant的less文件导致
但是使用

import 'vant/lib/index.less';

会报错：