fix(Clickable): use correct CSS property values (#7908)

h2. Описание

Поправил значения свойства `-webkit-tap-highlight-color` на валидное `transparent` вместо `none`.

- caused by #6881

**UPD**

см. #7908 (review)

- перенёс `-webkit-tap-highlight-color` в `.realClicable`;
- перенёс логику `getUserAgentResetClassName` в CSS – увеличили специфичность, но для этих стилей допустимо

h2. Release notes
h2. Исправления
- Tappable: в кликабельных компонентах исправлена проблема, когда при касании через тач появлялся системный оверлей

packages/vkui/src/components/Clickable/Clickable.module.css

@@ -1,20 +1,21 @@
 .realClickable {
   cursor: pointer;
+  -webkit-tap-highlight-color: transparent;
 }
 
-.resetButtonStyle {
+/* stylelint-disable selector-max-type */
+button.realClickable {
   appearance: none;
   user-select: none;
-  -webkit-tap-highlight-color: none;
   -webkit-touch-callout: none;
   -webkit-user-drag: none;
 }
 
-.resetLinkStyle {
+a.realClickable {
   appearance: none;
-  -webkit-tap-highlight-color: none;
   text-decoration: none;
 }
+/* stylelint-enable selector-max-type */
 
 .host:focus,
 .host:focus-visible {

packages/vkui/src/components/Clickable/Clickable.tsx

@@ -175,16 +175,6 @@ function component<T>({
   return {};
 }
 
-const getUserAgentResetClassName = (Component?: React.ElementType) => {
-  if (Component === 'a') {
-    return styles.resetLinkStyle;
-  }
-  if (Component === 'button') {
-    return styles.resetButtonStyle;
-  }
-  return;
-};
-
 /**
  * Базовый кликабельный корневой компонент.
  *
@@ -204,11 +194,7 @@ export const Clickable = <T,>({
 }: ClickableProps<T>): React.ReactNode => {
   const commonProps = component(restProps);
   const isClickable = checkClickable(restProps);
-  const baseClassName = classNames(
-    baseClassNameProp,
-    getUserAgentResetClassName(commonProps.Component),
-    styles.host,
-  );
+  const baseClassName = classNames(baseClassNameProp, styles.host);
 
   if (isClickable) {
     return (