fix(links): show backdrop on links highlighted in headers alias (#816)

* fix: assign specific classes based on parent node

Signed-off-by: Aaron <29749331+aarnphm@users.noreply.github.com>

* fix: use custom role for anchor icone

Signed-off-by: Aaron <29749331+aarnphm@users.noreply.github.com>

* fix: allow color on links 😄

Signed-off-by: Aaron <29749331+aarnphm@users.noreply.github.com>

* chore: unify search inner container

Signed-off-by: Aaron <29749331+aarnphm@users.noreply.github.com>

---------

Signed-off-by: Aaron <29749331+aarnphm@users.noreply.github.com>

quartz/components/styles/search.scss

@@ -160,7 +160,7 @@
             width: min($pageWidth, 100%);
           }
 
-          & [data-icon] {
+          a[role="anchor"] {
             background-color: transparent;
           }
         }

quartz/plugins/transformers/gfm.ts

@@ -32,10 +32,10 @@ export const GitHubFlavoredMarkdown: QuartzTransformerPlugin<Partial<Options> |
             {
               behavior: "append",
               properties: {
+                role: "anchor",
                 ariaHidden: true,
                 tabIndex: -1,
                 "data-no-popover": true,
-                "data-icon": true,
               },
               content: {
                 type: "element",

quartz/styles/base.scss

@@ -259,11 +259,9 @@ thead {
   font-weight: revert;
   margin-bottom: 0;
 
-  article > & > a {
+  article > & > a[role="anchor"] {
     color: var(--dark);
-    &.internal {
-      background-color: transparent;
-    }
+    background-color: transparent;
   }
 }