Fix .icon so transform animations work on webfont icons (#2729)

Co-authored-by: codecalm <codecalm@gmail.com>

.changeset/fix-icon-transform-animations.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Fixed transform animations (`.icon-pulse`, `.icon-tada`, `.icon-rotate`) not working on webfont icons by adding `display: inline-block` and `transform-origin: center` to `.icon`.

core/scss/ui/_icons.scss

@@ -9,6 +9,8 @@
   height: var(--#{$prefix}icon-size);
   font-size: var(--#{$prefix}icon-size);
   vertical-align: bottom;
+  display: inline-block;
+  transform-origin: center;
 
   @if $icon-stroke-width {
     stroke-width: $icon-stroke-width;