Use --font-sans in the Visual Editor widgets (#22085)

GitOrigin-RevId: 64a480562b3e7d2fda7d41ed402511290f800f14

services/web/frontend/js/features/source-editor/extensions/visual/pasted-content.tsx

@@ -81,7 +81,7 @@ const pastedContentTheme = EditorView.baseTheme({
     flexDirection: 'column',
     boxSizing: 'border-box',
     fontSize: '14px',
-    fontFamily: '"Lato", sans-serif',
+    fontFamily: 'var(--font-sans)',
   },
   '.ol-cm-pasted-content-menu-item': {
     color: 'inherit',

services/web/frontend/js/features/source-editor/extensions/visual/visual-theme.ts

@@ -366,7 +366,7 @@ const mainVisualTheme = EditorView.theme({
   '.ol-cm-preamble-widget, .ol-cm-end-document-widget': {
     padding: '0.25em 1em',
     borderRadius: '8px',
-    fontFamily: '"Lato", sans-serif',
+    fontFamily: 'var(--font-sans)',
     fontSize: '14px',
     '.ol-cm-preamble-expanded &': {
       borderBottomLeftRadius: '0',