[fix] Ignore urls starting with # (#106)

Author: brijeshb42

packages/pigment-css-unplugin/src/utils.ts

@@ -29,7 +29,8 @@ export const handleUrlReplacement = async (
     if (
       mainItem.startsWith('data:') ||
       mainItem.startsWith('http:') ||
-      mainItem.startsWith('https:')
+      mainItem.startsWith('https:') ||
+      mainItem.startsWith('#')
     ) {
       newCss += `url(${mainItem})`;
     } else if (mainItem[0] === '/') {

packages/pigment-css-unplugin/tests/utils.test.ts

@@ -11,8 +11,8 @@ const dummyResolver = (url: string) => {
 
 describe('utils', () => {
   describe('handleUrlReplacement', () => {
-    it('should not replace http/data/absolute urls', async () => {
-      [DATA_URI, HTML_LOGO_URL, ABSOLUTE_PATH].forEach(async (url) => {
+    it('should not replace http/data/absolute/hash urls', async () => {
+      [DATA_URI, HTML_LOGO_URL, ABSOLUTE_PATH, '#my_gradient'].forEach(async (url) => {
         const cssString1 = `.className {
           background-image: url(${url});
         }`;