fix: use correct font family (#1061)

Author: montezume

src/components/internals/create-select-styles.js

@@ -81,7 +81,7 @@ const menuStyles = (props, theme) => base => {
     backgroundColor: overwrittenVars[designTokens.backgroundColorForInput],
     boxShadow: overwrittenVars.shadow7,
     fontSize: overwrittenVars[designTokens.fontSizeForInput],
-    fontFamily: overwrittenVars.fontFamilyDefault,
+    fontFamily: 'inherit',
     margin: `${overwrittenVars.spacingXs} 0 0 0`,
     borderColor: (() => {
       if (props.hasError)
@@ -270,7 +270,7 @@ const containerStyles = (props, theme) => (base, state) => {
 
   return {
     ...base,
-    fontFamily: overwrittenVars.fontFamilyDefault,
+    fontFamily: 'inherit',
     minHeight: overwrittenVars.sizeHeightInput,
     borderRadius: overwrittenVars[designTokens.borderRadiusForInput],
     cursor: state.isDisabled ? 'not-allowed' : base.cursor,

src/components/tooltip/tooltip.styles.js

@@ -48,7 +48,7 @@ export const Body = styled.div`
 // with the styles we get from react-popper :D
 // eslint-disable-next-line import/prefer-default-export
 export const getBodyStyles = ({ constraint, placement, customStyles }) => ({
-  fontFamily: vars.fontFamilyDefault,
+  fontFamily: 'inherit',
   margin: `${getOffsetMargin({ placement })} !important`,
   maxWidth: getMaxWidth({ constraint }),
   // so hovering over the tooltip when the tooltip overlaps the component