[eslint-plugin-emotion] the syntax-preference rule does not check css props

[Nouzbe]

• emotion version: 10.0.7
• react version: 16.6.0

Relevant code:

// eslintrc.js
rules: {
  ...
  'emotion/syntax-preference': ['error', 'string'],
  ...
}

// MyComponent.js
// Despite using the object syntax, the following line doesn't raise an ESLint error
const MyComponent = () => <div css={{background: 'red'}} />;

Problem description:

The syntax-preference ESLint rule currently works for styled but not with the CSS prop.

Suggested solution:

It would be nice if this rule could also enforce a syntax choice for projects using CSS props.

[Andarist]

This has been implemented in #1659 and will be a part of the upcoming v11 release.