но к ним будут еще применяться старые стили

костыль конечно, но для эксперимента сработает

да, но мы их переопределяем, ничего страшного для эксперимента

в таком случае старые стили надо будет старые стили унести в :not(.my-exp-name) button._size_m ...

не обязательно

можно еще !important

но еще унаследованные стили надо вырубить

либо их все нужно перебивать

а разбираться, что и где унаследуется не так просто

можно перебивать только те что нужно, елси нужно все значит все и перебивать, да. но речь же об временном эксперименте

но во временном эксперименте может быть многое изменено

компоненты изолированные, они стили не наследуют, разобраться в 20-30 строках css не очень сложно

их обычно не 20-30. к примеру, реализация кнопки в нашем случае около 500 строк

плохая кнопка) я бы сделал 5 кнопок)

наследуют те, что определены в компоненте

я бы так не сказал

ну вот я делал демку как на основе базовой кнопки., не меняя ее, сделать кнопку с другими стилями и поведением: https://v2.svelte.dev/repl?version=2.16.0&gist=e0e53b27e515b89ce5903169fad5d8e3

вроде не очень сложно

ну и в итоге, исходный код компонента наполняется экспериментами, каждая выкатка, добавление и удаление эксперимента требуют внесения правок в код компонента (а это чревато ошибками, может повлиять на продакшн поведение компонента и тд), требуют релиза этого компонента и так далее

кроме того, такие эксперименты трудно сплитить по чанкам, грузить лениво и прочее

вместо того, чтобы просто провести эксперимент рядом и удалить его, не трогая вообще код

я же там не менял исходный компонент