Blockbase: add mask-image to svg elements & set bg color to currentColor

blockbase/assets/ponyfill.css

@@ -663,18 +663,27 @@ p.has-drop-cap:not(:focus):first-letter {
 	margin-right: calc(0.5 * var(--wp--custom--margin--baseline));
 	height: 16px;
 	width: 16px;
+	background-color: currentColor;
 }
 
 .post-meta .wp-block-post-author:before {
-	background: url(svg/post-author.svg) no-repeat;
+	-webkit-mask-image: url(svg/post-author.svg);
+	mask-image: url(svg/post-author.svg);
 }
 
 .post-meta .wp-block-post-date:before {
-	background: url(svg/post-date.svg) no-repeat;
+	-webkit-mask-image: url(svg/post-date.svg);
+	mask-image: url(svg/post-date.svg);
 }
 
 .post-meta .wp-block-post-hierarchical-terms:before {
-	background: url(svg/post-category.svg) no-repeat;
+	-webkit-mask-image: url(svg/post-category.svg);
+	mask-image: url(svg/post-category.svg);
+}
+
+.post-meta .wp-block-post-tags:before {
+	-webkit-mask-image: url(svg/post-tag.svg);
+	mask-image: url(svg/post-tag.svg);
 }
 
 /*# sourceMappingURL=ponyfill.css.map */

blockbase/sass/post/_meta.scss

@@ -20,17 +20,26 @@
 		margin-right: calc(0.5 * var(--wp--custom--margin--baseline) );
 		height: 16px;
 		width: 16px;
+		background-color: currentColor;
 	}
 
 	.wp-block-post-author:before {
-		background: url(svg/post-author.svg) no-repeat;
+		-webkit-mask-image: url(svg/post-author.svg);
+		mask-image: url(svg/post-author.svg);
 	}
 
 	.wp-block-post-date:before {
-		background: url(svg/post-date.svg) no-repeat;
+		-webkit-mask-image: url(svg/post-date.svg);
+		mask-image: url(svg/post-date.svg);
 	}
 
-	.wp-block-post-hierarchical-terms:before {
-		background: url(svg/post-category.svg) no-repeat;
+	.wp-block-post-hierarchical-terms:before  {
+		-webkit-mask-image: url(svg/post-category.svg);
+		mask-image: url(svg/post-category.svg);
+	}
+
+	.wp-block-post-tags:before {
+		-webkit-mask-image: url(svg/post-tag.svg);
+		mask-image: url(svg/post-tag.svg);
 	}
 }