refactor!: remove rich-text-editor base styles custom properties (#10419)

Author: web-padawan

packages/rich-text-editor/src/styles/vaadin-rich-text-editor-base-styles.js

@@ -411,11 +411,7 @@ const toolbar = css`
     color: var(--vaadin-rich-text-editor-toolbar-button-text-color, var(--vaadin-text-color));
     cursor: var(--vaadin-clickable-cursor);
     flex-shrink: 0;
-    font-family: var(--vaadin-rich-text-editor-toolbar-button-font-family, inherit);
-    font-size: var(--vaadin-rich-text-editor-toolbar-button-font-size, inherit);
-    font-weight: var(--vaadin-rich-text-editor-toolbar-button-font-weight, 500);
-    height: var(--vaadin-rich-text-editor-toolbar-button-height, auto);
-    line-height: var(--vaadin-rich-text-editor-toolbar-button-line-height, inherit);
+    font: inherit;
     padding: var(--vaadin-rich-text-editor-toolbar-button-padding, var(--vaadin-padding-container));
     position: relative;
   }

packages/rich-text-editor/src/styles/vaadin-rich-text-editor-popup-overlay-base-styles.js

@@ -27,10 +27,9 @@ export const richTextEditorPopupOverlay = css`
       var(--vaadin-rich-text-editor-overlay-color-option-border-color, transparent);
     border-radius: var(--vaadin-rich-text-editor-overlay-color-option-border-radius, 9999px);
     cursor: var(--vaadin-clickable-cursor);
-    font-size: var(--vaadin-rich-text-editor-overlay-color-option-font-size, inherit);
+    font: inherit;
     height: var(--vaadin-rich-text-editor-overlay-color-option-height, 1lh);
-    line-height: var(--vaadin-rich-text-editor-overlay-color-option-line-height, inherit);
-    padding: var(--vaadin-rich-text-editor-overlay-color-option-padding, 0);
+    padding: 0;
     width: var(--vaadin-rich-text-editor-overlay-color-option-width, 1lh);
   }