fix(component): preserve variant style on rerender

[ZhouY11]

🔗 Linked issue

Issue #202

❓ 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

📝 Checklist

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

[Tahul]

Hey @BobbieGoede ; could you also confirm this is proper solution?

It looks good to me but I've not been playing with vnodes for a while 😄

[BobbieGoede]

Thanks for contributing! I'll give it a closer look soon and test with your reproduction from #202, we may be able to use the set function on the motion instance to reapply the correct styles.

Sorry for the delay, I just got back from a holiday 😅

[BobbieGoede]

I've added a basic regression test so we know this keeps working in the future.

Whether this is the proper solution for the issue I'm not sure, I tried some other approaches which didn't pan out and this works well as is 😄 There isn't much documentation on vnodes and their lifecycle functions, I'll make sure to revisit and review in the future as I learn more 💪

Thanks again for contributing!