No direct use of styled-components by callers and no use of the style prop

[taysea]

Please describe what the rule should do:

Flag if caller has used style on a component or is using styled components directly.

What category of rule is this? (place an "X" next to just one item)

[x] Warns about a potential error (problem)
[ ] Suggests an alternate way of doing something (suggestion)
[ ] Other (please specify:)

Provide 2-3 code examples that this rule will warn about:

<Button label="Label" style={{ border: '1px solid black' }} />

Why should this rule be included in eslint-plugin-grommet?

Grommet best practice -- if something can't be achieve via props or theming then maybe an enhancement is needed.