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

packages/vite/src/node/__tests__/plugins/css.spec.ts

@@ -0,0 +1,27 @@
+import { cssUrlRE } from '../../plugins/css'
+
+describe('search css url function', () => {
+  test('some spaces before it', () => {
+    expect(
+      cssUrlRE.test("list-style-image: url('../images/bullet.jpg');")
+    ).toBe(true)
+  })
+
+  test('no space after colon', () => {
+    expect(cssUrlRE.test("list-style-image:url('../images/bullet.jpg');")).toBe(
+      true
+    )
+  })
+
+  test('at the beginning of line', () => {
+    expect(cssUrlRE.test("url('../images/bullet.jpg');")).toBe(true)
+  })
+
+  test('as suffix of a function name', () => {
+    expect(
+      cssUrlRE.test(`@function svg-url($string) {
+      @return "";
+    }`)
+    ).toBe(false)
+  })
+})

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

@@ -757,7 +757,7 @@ type CssUrlReplacer = (
   url: string,
   importer?: string
 ) => string | Promise<string>
-const cssUrlRE = /url\(\s*('[^']+'|"[^"]+"|[^'")]+)\s*\)/
+export const cssUrlRE = /(?:^|\:|\s)url\(\s*('[^']+'|"[^"]+"|[^'")]+)\s*\)/
 const cssImageSetRE = /image-set\(([^)]+)\)/
 
 const UrlRewritePostcssPlugin: Postcss.PluginCreator<{