title: How do I override the base font size to 62.5%?
body: <p>I am trying to override the base font size to 62.5%. I have added this code in my tailwind.config.js -</p>
  <pre><code>plugins: [
      plugin(function ({ addUtilities }) {
          addUtilities({
              'html': {
                  'font-size': '62.5%'
              }
          });
      })
  ]
  </code></pre>
  <p>With this approach, all the fonts in my project are looking small and other classes like margin, padding using this 62.5% as the base unit.</p>
  <p>To make it work I have to manually overwrite their existing class to new unit in tailwind.config.js, which is too time-consuming. Is there any better solution to convert tailwind base font size to 62.5%?</p>
  <pre><code>plugins: [
      plugin(function ({ addUtilities }) {
          addUtilities({
              'html': {
                  'font-size': '62.5%'
              },
              '.text-xs': {
                  'font-size': '1.2rem',
                  'line-height': '1.6rem'
              },
              '.text-sm': {
                  'font-size': '1.4rem',
                  'line-height': '2rem'
              },
              '.text-base': {
                  'font-size': '1.5rem',
                  'line-height': '1.8rem'
              },
              ....
          });
      })
  ]
  </code></pre>