Add font to use on Password components

Author: Kubit

src/designSystem/kubit/fonts/Digit_Password_Large_Square.ttf

@@ -1,6 +1,8 @@
 import { DeviceBreakpointsType } from '@/types';
 
 export const FONT_FAMILY = {
+  font_family_digit_password_small_square: '"DigitPasswordSmallSquare", sans-serif',
+  font_family_digit_password_large_square: '"DigitPasswordLargeSquare", sans-serif',
   font_family_gt_america_expanded: '"GT-America-Expanded Font", sans-serif',
   font_family_gt_america_extended: '"GT-America-Extended Font", sans-serif',
   font_family_roboto_condensed: '"Roboto-Mono Font", sans-serif',

src/designSystem/kubit/fonts/Digit_Password_Small_Square.ttf

@@ -1,3 +1,15 @@
+@font-face {
+  font-family: 'DigitPasswordSmallSquare';
+  font-weight: 400;
+  src: url('../assets/fonts/DigitPasswordSmallSquare.ttf') format('truetype');
+}
+
+@font-face {
+  font-family: 'DigitPasswordLargeSquare';
+  font-weight: 400;
+  src: url('../assets/fonts/DigitPasswordLargeSquare.ttf') format('truetype');
+}
+
 @font-face {
   font-family: 'GT-America-Expanded Font';
   font-weight: 700;

src/designSystem/kubit/foundations/typography.ts

@@ -1,5 +1,7 @@
 import { css } from 'styled-components';
 
+import DigitPasswordLargeSquare from '../fonts/Digit_Password_Large_Square.ttf';
+import DigitPasswordSmallSquare from '../fonts/Digit_Password_Small_Square.ttf';
 import GTAmericaExpandedBold from '../fonts/GT-America-Expanded-Medium.otf';
 import GTAmericaExpandedRegular from '../fonts/GT-America-Expanded-Regular.otf';
 import GTAmericaExpandedLight from '../fonts/GT-America-ExpandedLight.otf';
@@ -15,6 +17,18 @@ import NunitoRegular from '../fonts/NunitoSans_10pt-Regular.ttf';
 import NunitoSemiBold from '../fonts/NunitoSans_10pt-SemiBold.ttf';
 
 export const FONTS_KUBIT_GLOBAL_STYLES = css`
+  @font-face {
+    font-family: 'DigitPasswordSmallSquare';
+    font-weight: 400;
+    src: url(${DigitPasswordSmallSquare}) format('truetype');
+  }
+
+  @font-face {
+    font-family: 'DigitPasswordLargeSquare';
+    font-weight: 400;
+    src: url(${DigitPasswordLargeSquare}) format('truetype');
+  }
+
   @font-face {
     font-family: 'GT-America-Expanded Font';
     font-weight: 700;