add badge native vars file

Author: BenOsodrac

core/src/components/badge/badge.native.scss

@@ -1,6 +1,6 @@
 @import "../../themes/native/native.globals.md";
 @import "./badge.common";
-@import "./badge.common.vars";
+@import "./badge.native.vars";
 
 // Badge
 // --------------------------------------------------

core/src/components/badge/badge.native.vars.scss

@@ -0,0 +1,11 @@
+@import "../../themes/functions.font";
+@import "./badge.common.vars.scss";
+
+// Badge
+// --------------------------------------------------
+
+/// @prop - Font size of the badge hint
+$badge-hint-baseline-font-size: 8px;
+
+/// @prop - Font size of the badge hint
+$badge-hint-font-size: dynamic-font($badge-hint-baseline-font-size);