feat: Support the pre-built icon shortcodes

Author: lamATnginx

exampleSite/content/test-product/lucide/permitted.md

@@ -15,6 +15,10 @@ weight: 100
 Here are some icons that are using font-awesome but should be backwards compatible:
 <i class="fa-solid fa-check" style="color:green"></i>
 <i class="fa fa-circle"></i>
+<i class="fa-solid fa-bug" style="color:#E4002B"></i>
+<i class="fa-solid fa-bug-slash" style="color:#666666"></i>
+<i class="fa-solid fa-circle-info" style="color:#1d9cd3;"></i>
+<i class="fa-solid fa-file-circle-plus" style="color:#009639"></i>
 {{<warning>}}
 This is a Warning callout. There was previously a bug with **bold text** that we should be aware of and continue to check for. This callout was invoked with the `<warning>` shortcode. It has no custom title. {{<fe "octagon-alert">}}
 {{</warning>}}

layouts/_default/docs.html

@@ -19,6 +19,11 @@
       {{$iconName = index (index $submatches 0) 1}}
       {{$styleAttr = index (index $submatches 0) 2}}
 
+      {{ $iconMappings := dict "bug-slash" "bug-off" "circle-info" "info" "file-circle-plus" "file-plus"}}
+      {{ with index $iconMappings $iconName }}
+          {{$iconName = .}}
+      {{ end }}
+
       {{$iconHTML := partial "lucide" (dict 
           "context" $ 
           "icon" $iconName

layouts/partials/lucide.html

@@ -1,5 +1,5 @@
 {{- /* Usage: */ -}}
 {{- /* (dict "context" . "icon" "circle") */ -}}
-<svg class="lucide" style="{{ .style }}">
+<svg class="lucide" style="{{ .style | safeCSS }}">
     <use href="/images/lucide-sprite.svg#{{ .icon }}"></use>
 </svg>