fix(css): #3729 filter out function name suffixes with url

[Sociosarbis]

Description

fix #3729

https://github.com/vitejs/vite/blob/main/packages/vite/src/node/plugins/css.ts#L800-L808

old regExp would rewrite this

 @function svg-url($string) { 
 @return ""; 
 } 

to something like due to the rebase process on importing file

 @function svg-url(@a/a/svg/$string) { 
 @return ""; 
 } 

Additional context

Is there any case the new regExp hasn't covered ?

---

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]

I think that ( would also be valid before url here. Instead of whitelisting all possible cases, maybe it is better to do the regex the other way around and don't match if url is a suffix for a valid function name?

mask-image: image(url(mask.png), skyblue, linear-gradient(rgba(0, 0, 0, 1.0), transparent));

[Sociosarbis]

I think that ( would also be valid before url here. Instead of whitelisting all possible cases, maybe it is better to do the regex the other way around and don't match if url is a suffix for a valid function name?

mask-image: image(url(mask.png), skyblue, linear-gradient(rgba(0, 0, 0, 1.0), transparent));

Thank your for reminding me.

I read the section of identier code point in this docs and have rewritten previous committed code.