fix: resolve @import of the proxied <style>

[ygj6]

Description

fix: #6886

After #6321, <style>...</style> content will be converted to a virtual module

vite/packages/vite/src/node/plugins/html.ts

Lines 370 to 383 in 33f9671

	// <style>...</style>
	if (node.tag === 'style' && node.children.length) {
	const styleNode = node.children.pop() as TextNode
	const filePath = id.replace(normalizePath(config.root), '')
	inlineModuleIndex++
	addToHTMLProxyCache(
	config,
	filePath,
	inlineModuleIndex,
	styleNode.content
	)
	js += `\nimport "${id}?html-proxy&index=${inlineModuleIndex}.css"`
	shouldRemove = true
	}

... and will be processed by the css plugin. IIUC, we don't need to resolve @import from html proxy <style>.
We need to resolve public @import url from proxied <style>

Additional context

---

What is the purpose of this pull request?

• Bug fix
• New Feature
• Documentation update
• Other

Before submitting the PR, please make sure you do the following

• Read the Contributing Guidelines.
• Read the Pull Request Guidelines and follow the Commit Convention.
• Check that there isn't already a PR that solves the problem the same way to avoid creating a duplicate.
• Provide a description in this PR that addresses what the PR is solving, or reference the issue that it solves (e.g. fixes #123).
• Ideally, include relevant tests that fail without this PR but pass with it.

[patak-dev]

Looks good to me. @poyoho would you help reviewing this PR?

[poyoho]

LGTM! 👍

[ygj6]

@Niputi I tested #7042 locally with this PR and we didn't fix it.