Error in import less file in view-design

[liyan1105]

Describe the bug

I am using view-design in my project, and then I needed to customize the theme, so I introduced the following code according to the view-design documentation,

@import "view-design/src/styles/index.less";

Then I get the following error

$ vite build
building for production...
[vite:css] ENOENT: no such file or directory, open 'C:\project\vite-less-import-bug\src\fonts\ionicons.woff2'
file: C:/project/vite-less-import-bug/src/global.less
error during build:
Error: ENOENT: no such file or directory, open 'C:\project\vite-less-import-bug\src\fonts\ionicons.woff2'
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

I have been looking at the vite code and I think there is something wrong with URL path handling in CSS. Can someone help me?

Reproduction

https://github.com/liyan1105/vite-less-import-bug.git

System Info

• vite version: beta.48
• Operating System: windows 10
• Node version: 14.15.3
• Package manager (npm/yarn/pnpm) and version: yarn 1.19.1