feat(eslint-plugin): remove prefer-css-prop-for-static-styles rule (elastic#8760)

Author: weronikaolejniczak

packages/eslint-plugin/README.md

@@ -128,24 +128,6 @@ function MyComponent() {
 
 It's worth pointing out that although the examples provided are specific to EUI components, this rule applies to all JSX elements.
 
-### `@elastic/eui/prefer-css-attributes-for-eui-components`
-
-This rule warns about the use of `style` attribute and encourages to replace it with `css` attribute. Using the `css` attribute ensures better integration with Emotion's styling capabilities.
-
-#### Example
-
-The following code:
-
-```jsx
-<EuiCode style={{ color: '#dd4040' }}>This is a test</EuiCode>
-```
-
-will raise an ESLint report and suggest replacing the `style` attribute with `css`:
-
-```jsx
-<EuiCode css={{ color: '#dd4040' }}>This is a test</EuiCode>
-```
-
 ## Testing
 
 ### Running unit tests

packages/eslint-plugin/changelogs/upcoming/8760.md

@@ -0,0 +1,3 @@
+**Breaking changes**
+
+- Remove `prefer-css-prop-for-static-styles` rule because it produces too many warnings. Static code analysis cannot flag dynamic styles with confidence because it doesn't run the code to asses runtime values. We will explore runtime solutions.

packages/eslint-plugin/src/index.ts

@@ -20,14 +20,12 @@
 import { HrefOnClick } from './rules/href_or_on_click';
 import { NoRestrictedEuiImports } from './rules/no_restricted_eui_imports';
 import { NoCssColor } from './rules/no_css_color';
-import { PreferCSSPropForStaticStyles } from './rules/prefer_css_prop_for_static_styles';
 
 const config = {
   rules: {
     'href-or-on-click': HrefOnClick,
     'no-restricted-eui-imports': NoRestrictedEuiImports,
     'no-css-color': NoCssColor,
-    'prefer-css-prop-for-static-styles': PreferCSSPropForStaticStyles,
   },
   configs: {
     recommended: {
@@ -36,7 +34,6 @@ const config = {
         '@elastic/eui/href-or-on-click': 'warn',
         '@elastic/eui/no-restricted-eui-imports': 'warn',
         '@elastic/eui/no-css-color': 'warn',
-        '@elastic/eui/prefer-css-prop-for-static-styles': 'warn',
       },
     },
   },