fix!: font from variable

package.json

@@ -31,7 +31,6 @@
     "prepublishOnly": "npm run lint && npm run test && npm run build"
   },
   "dependencies": {
-    "@types/sanitize-html": "2.6.2",
     "chalk": "4.1.2",
     "get-root-node-polyfill": "1.0.0",
     "github-slugger": "1.4.0",
@@ -62,6 +61,7 @@
     "@types/markdown-it-attrs": "4.1.0",
     "@types/markdownlint": "0.18.0",
     "@types/node": "17.0.10",
+    "@types/sanitize-html": "2.6.2",
     "@yandex-cloud/eslint-config": "^1.1.0",
     "@yandex-cloud/prettier-config": "^1.0.0",
     "@yandex-cloud/tsconfig": "^1.0.0",

src/scss/_common.scss

@@ -1,7 +1,7 @@
 @import 'variables';
 
 .yfm {
-    font-family: 'YS Text', 'Segoe UI', Arial, Helvetica, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
+    font-family: var(--yc-font-family-sans);
     font-size: 15px;
     line-height: 20px;
     word-wrap: break-word;
@@ -123,7 +123,7 @@
     code,
     kbd,
     pre {
-        font-family: 'SF Mono', 'Monaco', 'Menlo', 'Consolas', 'Ubuntu Mono', 'Liberation Mono', 'DejaVu Sans Mono', 'Courier New', 'Courier', monospace;
+        font-family: var(--yc-font-family-sans);
         font-size: 1em;
         font-feature-settings: normal;
     }
@@ -352,4 +352,6 @@
     --yfm-color-hljs-addition: #397300;
     --yfm-color-hljs-meta: #1f7199;
     --yfm-color-hljs-meta-string: #4d99bf;
+    --yfm-font-family-monospace: "Menlo", "Monaco", "Consolas", "Ubuntu Mono", "Liberation Mono", "DejaVu Sans Mono", "Courier New", "Courier", monospace;
+    --yfm-font-family-sans: 'Segoe UI', Arial, Helvetica, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
 }