The community member is using the Radix navigation component and wants to convert several states to tokens instead of using local styling. They want to keep the current local component styling and remove the states only. However, when they selected the "Focus visible" option, the "Clear styles" feature cleared the entire local token instead of just the selected state. The community members discuss the need for a better UX to clear specific states, and one member mentions that there is a reset button and option+click functionality for elements with a blue background, but the original poster couldn't get this to work for their use case.
Using the Radix navigation component, I want to convert several states to tokens (instead of the local styling on them).
For example, I've created a token for "focus-within" to apply to multiple elements. I want to keep the current local component styling and remove the states only. In the image, I've selected the "Focus visible" thinking "Clear styles" would apply to that only, however it's across the entire local token. Could a "clear" button be added to states or something?