Bug: font-size: [object Object] appearing in CSS when customizing typography

[ajplopez]

What version of @tailwindcss/typography are you using?

0.4.1

What version of Node.js are you using?

14.16.1

What browser are you using?

N/A

What operating system are you using?

macOS

Reproduction repository

https://play.tailwindcss.com/31mzz33oQ5

Describe your issue

I'm hoping the Tailwind Play I pasted above is enough to see the problem (in lieu of a GitHub repo).

Here it is again: https://play.tailwindcss.com/31mzz33oQ5

When I customize the font-size of typography, for example, changing the heading 3 size, it does set the size but it also puts in a second "font-size: [object Object]" which is invalid CSS (and gets ignored).

[ajplopez]

Someone on the Discord clarified that the fontSizes are provided as an array of [fontSize, lineHeight] so I needed to make it like fontSize: theme('fontSize.3xl[0]'), and that fixed the problem.