feat(deps)!: updated transform version 4.32.2 (#417)

package.json

@@ -204,7 +204,7 @@
     "@diplodoc/html-extension": "2.3.2",
     "@diplodoc/latex-extension": "1.0.3",
     "@diplodoc/mermaid-extension": "1.2.1",
-    "@diplodoc/transform": "4.26.0",
+    "@diplodoc/transform": "^4.32.2",
     "@gravity-ui/components": "3.0.0",
     "@gravity-ui/eslint-config": "3.1.1",
     "@gravity-ui/prettier-config": "1.1.0",
@@ -252,7 +252,8 @@
     "sass-loader": "^13.3.2",
     "stylelint": "15.11.0",
     "ts-jest": "^27.0.7",
-    "typescript": "^4.5.2"
+    "typescript": "^4.5.2",
+    "web-streams-polyfill": "4.0.0"
   },
   "peerDependenciesMeta": {
     "@diplodoc/folding-headings-extension": {
@@ -279,7 +280,7 @@
     "@diplodoc/html-extension": "2.3.2",
     "@diplodoc/latex-extension": "^1.0.3",
     "@diplodoc/mermaid-extension": "^1.0.0",
-    "@diplodoc/transform": ">=4.5.0 <=4.26.0",
+    "@diplodoc/transform": "^4.32.2",
     "@gravity-ui/components": "^3.0.0",
     "@gravity-ui/uikit": "^6.11.0",
     "highlight.js": "^11.8.0",

src/extensions/yfm/YfmNote/plugins/YfmNoteTooltipPlugin/index.scss

@@ -6,15 +6,15 @@
 
 .g-md-toolbar-group__s-button_id_ {
     &note-type-tip {
-        color: $tipColor;
+        color: var(--yfm-color-note-tip);
     }
     &note-type-info {
-        color: $infoColor;
+        color: var(--yfm-color-note-info);
     }
     &note-type-alert {
-        color: $importantColor;
+        color: var(--yfm-color-note-important);
     }
     &note-type-warning {
-        color: $warningColor;
+        color: var(--yfm-color-note-warning);
     }
 }