Remove .eui-isFocusable - not being used anywhere

+ already being handled by global reset

Author: cee-chen

src/global_styling/utility/__snapshots__/utility.test.tsx.snap

@@ -19,20 +19,6 @@ exports[`global utility styles generates static global styles 1`] = `
   // Chrome requires the negative margin to not cause overflows of parent containers
   margin: -1px;
 ;}
-.eui-isFocusable:focus{
-    outline: 2px solid currentColor;
-    outline-offset: calc(2px / -2);;
-
-    // 👀 Chrome respects :focus-visible and allows coloring the \`auto\` style
-    &:focus-visible {
-      outline-style: auto;
-    }
-
-    // 🙅‍♀️ But Chrome also needs to have the outline forcefully removed from regular \`:focus\` state
-    &:not(:focus-visible) {
-      outline: none;
-    }
-  ;}
 .eui-alignBaseline{vertical-align:baseline!important;}
 .eui-alignBottom{vertical-align:bottom!important;}
 .eui-alignMiddle{vertical-align:middle!important;}

src/global_styling/utility/utility.tsx

@@ -12,7 +12,6 @@ import { Global, css } from '@emotion/react';
 import { useEuiTheme, UseEuiTheme } from '../../services/theme/hooks';
 import { euiScreenReaderOnly } from '../../components/accessibility/screen_reader_only/screen_reader_only.styles';
 import {
-  euiFocusRing,
   euiFullHeight,
   euiTextBreakWord,
   euiTextTruncate,
@@ -32,10 +31,6 @@ export const globalStyles = (euiThemeContext: UseEuiTheme) => {
     .euiScreenReaderOnly {
       ${euiScreenReaderOnly()}
     }
-    .eui-isFocusable:focus {
-      // Forcing focus ring on non-EUI elements
-      ${euiFocusRing(euiThemeContext)}
-    }
 
     // Vertical alignment
     .eui-alignBaseline {