function remToPx(value, base) {
    var deconstructedValue = getValueAndUnit(value);
    if (deconstructedValue[1] !== 'rem' && deconstructedValue[1] !== '') {
      throw new PolishedError(77, deconstructedValue[1]);
    }
    var newBase = base ? convertBase(base) : getBaseFromDoc();
    return deconstructedValue[0] * newBase + "px";
  }
Convert rem values to px. By default, the base value is pulled from the font-size property on the root element (if it is set in % or px). It defaults to 16px if not found on the root. You can also override the base value by providing your own base in % or px.
@example
// Styles as object usage
const styles = {
  'height': remToPx('1.6rem')
  'height': remToPx('1.6rem', '10px')
}

// styled-components usage
const div = styled.div`
  height: ${remToPx('1.6rem')}
  height: ${remToPx('1.6rem', '10px')}
`

// CSS in JS Output

element {
  'height': '25.6px',
  'height': '16px',
}