inherit parent font styles

src/Button.jsx

@@ -5,20 +5,14 @@ import PropTypes from 'prop-types';
 import buttons from 'bootstrap/scss/_buttons.scss';
 
 function Button(props) {
-  const classes = [
-    buttons.btn,
-  ];
-
-  if (props.buttonType) {
-    classes.push(buttons[`btn-${props.buttonType}`]);
-  }
-
   return (
     <button
       className={classNames([
-        ...classes,
+        buttons.btn,
         ...props.classNames,
-      ])}
+      ], {
+        [buttons[`btn-${props.buttonType}`]]: props.buttonType !== undefined,
+      })}
       onBlur={props.onBlur}
       onClick={props.onClick}
       onKeyDown={props.onKeyDown}

src/utils/base-styles.scss

 .paragon-component {
-    @import "~bootstrap/scss/_normalize";
     @import "~bootstrap/scss/_reboot";
 
     -ms-text-size-adjust: 100%;
     -webkit-text-size-adjust: 100%;
     box-sizing: border-box;
-    font-family: sans-serif;
     line-height: 1.15;
 
-    font-family: $font-family-base;
     font-size: $font-size-base;
     font-weight: $font-weight-base;
     line-height: $line-height-base;

src/utils/paragon-reset.scss

@@ -3,6 +3,10 @@
 
 // Variable Overrides
 
+$font-family-base: inherit;
+$font-family-sans-serif: inherit;
+$font-family-serif: inherit;
+
 // Because Bootstrap styles are based on rems, the root HTML element's
 // font size determines the size of the components. Because the consumer
 // may want to render Paragon components alongside existing UI, we provide