Add skipImportCheck test for no-system-props

Author: colebemis

src/rules/__tests__/no-system-props.test.js

@@ -20,7 +20,7 @@ ruleTester.run('no-system-props', rule, {
     `import {ProgressBar} from '@primer/react'; <ProgressBar bg="howdy" />`,
     `import {Button} from '@primer/react'; <Button {...someExpression()} />`,
     `import {Button} from '@primer/react'; <Button variant="large" />`,
-    `import {Button} from '@primer/react'; <Button size="large" />`,
+    `import {Button} from '@primer/react'; <Button size="large" />`
   ],
   invalid: [
     {
@@ -144,6 +144,28 @@ ruleTester.run('no-system-props', rule, {
           data: {propNames: 'width', componentName: 'Text'}
         }
       ]
+    },
+    {
+      code: `import {Button} from '../Button'; <Button width={200} />`,
+      options: [{skipImportCheck: true}],
+      output: `import {Button} from '../Button'; <Button  sx={{width: 200}} />`,
+      errors: [
+        {
+          messageId: 'noSystemProps',
+          data: {propNames: 'width', componentName: 'Button'}
+        }
+      ]
+    },
+    {
+      code: `import {Foo} from '../Foo'; <Foo width={200} />`,
+      options: [{skipImportCheck: true}],
+      output: `import {Foo} from '../Foo'; <Foo  sx={{width: 200}} />`,
+      errors: [
+        {
+          messageId: 'noSystemProps',
+          data: {propNames: 'width', componentName: 'Foo'}
+        }
+      ]
     }
   ]
 })