fix: leaving hovered state when pointer hovers child element

[BobbieGoede]

🔗 Linked issue

• Hover on nested element removes "hovered" styles #191

❓ Type of change

• 📖 Documentation (updates to the documentation, readme or JSDoc annotations)
• 🐞 Bug fix (a non-breaking change that fixes an issue)
• 👌 Enhancement (improving an existing functionality like performance)
• ✨ New feature (a non-breaking change that adds functionality)
• 🧹 Chore (updates to the build process or auxiliary tools and libraries)
• ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

📚 Description

Resolves #191

As we are using the 'mouseout' event to detect whether a motion should leave the hovered state it would also get triggered when hovering a child element.

From what I can tell the 'mouseleave' event should be sufficient for this, are there possible use cases for using 'mouseout'?

I'm not quite sure if the test I added will be stable (not flaky) as it uses timeouts to check if the variant/state remains unchanged, this may need to be improved.

📝 Checklist

• I have linked an issue or discussion.
• I have added tests (if possible).
• I have updated the documentation accordingly.

[Tahul]

well; I think variant feature itself uses timeouts in the background, so using it for testing seems equally okay. :)