BUG: in component first mode, sync works only the first time on UI feedback

GrapesJS version

• I confirm to use the latest version of GrapesJS

What browser are you using?

Chrome v100

Reproducible demo link

https://grapesjs.com/demo.html

Describe the bug

How to reproduce the bug?

1. Create a text block
2. Apply a style to block (text color)
3. Create a class and sync the value on it
4. Edit again the color to another value
5. Sync again on the class

What is the expected behavior? As after point 3, even after point 5 the clear style con color field should disappear and the label state move to "warn"

What is the current behavior? After point 5 the value is correctly synchronized on the class, but che clear style is still active. Moreover, pressing it will cause a sequence of invalid states:

• clear style active - sync invisible
• clear style pressed
• clear style invisible - sync visible
• sync pressed
• clear style invisible - sync invisible -> value disappeared from id and class (back to default)

Code of Conduct

• I agree to follow this project's Code of Conduct