include @font-face definition in mixin so -icons variable has effect (#12295)

themes/src/main/themes/VAADIN/themes/valo/fonts/vaadin-icons/_vaadin-icons.scss

@@ -1,20 +1,20 @@
-$vaadin-icons-pathPrefix: null;
+@mixin vaadin-icons {
 
-@if $v-relative-paths == false {
-  $vaadin-icons-pathPrefix: "../valo/fonts/vaadin-icons/";
-}
+  $vaadin-icons-pathPrefix: null;
 
-@font-face {
-    font-family: 'Vaadin-Icons';
-    src: url('#{$vaadin-icons-pathPrefix}Vaadin-Icons.eot');
-    src: url('#{$vaadin-icons-pathPrefix}Vaadin-Icons.eot?#iefix') format('embedded-opentype'),
-         url('#{$vaadin-icons-pathPrefix}Vaadin-Icons.woff') format('woff'),
-         url('#{$vaadin-icons-pathPrefix}Vaadin-Icons.ttf') format('truetype'),
-         url('#{$vaadin-icons-pathPrefix}Vaadin-Icons.svg#icomoon') format('svg');
-}
-.Vaadin-Icons {
-    font-family: 'Vaadin-Icons';
-}
+  @if $v-relative-paths == false {
+    $vaadin-icons-pathPrefix: "../valo/fonts/vaadin-icons/";
+  }
 
-@mixin vaadin-icons {
+  @font-face {
+      font-family: 'Vaadin-Icons';
+      src: url('#{$vaadin-icons-pathPrefix}Vaadin-Icons.eot');
+      src: url('#{$vaadin-icons-pathPrefix}Vaadin-Icons.eot?#iefix') format('embedded-opentype'),
+           url('#{$vaadin-icons-pathPrefix}Vaadin-Icons.woff') format('woff'),
+           url('#{$vaadin-icons-pathPrefix}Vaadin-Icons.ttf') format('truetype'),
+           url('#{$vaadin-icons-pathPrefix}Vaadin-Icons.svg#icomoon') format('svg');
+  }
+  .Vaadin-Icons {
+      font-family: 'Vaadin-Icons';
+  }
 }