feat(functions): add escape-svg and str-replace functions

packages/default/scss/core/functions/_index.scss

@@ -1,3 +1,4 @@
 @import "_math.scss";
 @import "_config-maps.scss";
 @import "_colors.scss";
+@import "_misc.scss";

packages/default/scss/core/functions/_misc.scss

@@ -0,0 +1,34 @@
+$svg-escaped-characters: (
+    ("<", "%3c"),
+    (">", "%3e"),
+    ("#", "%23"),
+    ("(", "%28"),
+    (")", "%29")
+) !default;
+
+// See https://www.sassmeister.com/gist/1b4f2da5527830088e4d
+@function str-replace($string, $search, $replace: "") {
+    $index: str-index($string, $search);
+
+    @if $index {
+        @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
+    }
+
+    @return $string;
+}
+
+// See https://codepen.io/kevinweber/pen/dXWoRw
+@function escape-svg($string) {
+    @if str-index($string, "data:image/svg+xml") {
+        @each $char, $encoded in $svg-escaped-characters {
+            // Do not escape the url brackets
+            @if str-index($string, "url(") == 1 {
+                $string: url("#{str-replace(str-slice($string, 6, -3), $char, $encoded)}");
+            } @else {
+                    $string: str-replace($string, $char, $encoded);
+            }
+        }
+    }
+
+    @return $string;
+}