feat: dynamic JSX interface inheritance

[honeymaro]

Hey @typicode, Your big fan is back.

I'm really enjoying using this library, but I found one (maybe more) problem.

When I use 'input' element, MistCSS generates the interface like this:

interface Mist_input extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLInputElement>, HTMLInputElement> {
  ...
}

And this gives me an error:

Perhaps the correct interface would be:

interface Mist_input extends React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> {
  ...
}

I was trying to make a dictionary like src/html.ts but I found a more efficient way.

In this PR, I would like to introduce a new generic type utility that derives the JSX interfaces from the user's environment, freeing you from the hassle of constantly updating your library when new elements are added to HTML, or when there are changes to React. (And it also prevents unexpected problems... maybe...)

If you do not like the change, feel free to drop this PR, but anyway, I think the problem written above should be solved.

Thank you for reading my PR, have a nice day.

[typicode]

Hey @honeymaro

Great PR, it simplifies things. Thanks!