Fix false positives shouldForwardProp in property-no-unknown

[alexandrzavalii]

Stylint throws an error when using shouldForwardProp from styled-system

What code is needed to reproduce the bug?

import styled from '@emotion/styled'
import shouldForwardProp from '@styled-system/should-forward-prop'

export const Box = styled('div', { shouldForwardProp })({
    boxSizing: 'border-box',
  },
  props => props.css,
)

What stylelint configuration is needed to reproduce the bug?

    "@emotion/core": "10.0.27",
    "@emotion/styled": "10.0.27",
    "@styled-system/should-forward-prop": "5.1.5",
    "styled-system": "5.1.5",
    "stylelint": "13.2.0",

module.exports = {
  extends: ['stylelint-config-recommended', 'stylelint-config-rational-order'],
  ignoreFiles: ['**/storybook-static/**'],
  rules: {
    'at-rule-no-unknown': null,
    'plugin/rational-order': [
      true,
      {
        'border-in-box-model': true,
        'empty-line-between-groups': false,
      },
    ],
  },
};

[jeddy3]

@alexandrzavalii Thanks for the report.

I can reproduce this with the demo.

I believe it's an issue with the syntax that stylelint uses to support CSS-in-JS. Please consider contributing to the syntax if you have time.

I've added this issue to the CSS-in-JS umbrella issue.

[AhmedBHameed]

I confirm the same issue here

[jeddy3]

Closing as the syntax option was removed for the 14.0.0 release. (See the migration guide.)

We'll also be deprecating our forked CSS-in-JS package, in favour of leaner custom syntaxes.

Please consider writing a custom syntax specific to the CSS-in-JS library in this issue and fixing the bug there.