Update link lint rule to skip Link with className (#193)

* Update link lint rule to skip Link with className

* Create slow-dolphins-float.md

Author: khiga8

.changeset/slow-dolphins-float.md

@@ -0,0 +1,5 @@
+---
+"eslint-plugin-primer-react": patch
+---
+
+Update link lint rule to skip Link with className

src/rules/__tests__/a11y-link-in-text-block.test.js

@@ -115,6 +115,16 @@ ruleTester.run('a11y-link-in-text-block', rule, {
           includes:
         </Heading>
 `,
+    `import {Link} from '@primer/react';
+      <p>bla blah
+      <Link className={styles.someClass}>Link text</Link>
+      </p>
+    `,
+    `import {Link} from '@primer/react';
+    <p>bla blah
+    <Link className='some-class'>Link text</Link>
+    </p>
+  `,
   ],
   invalid: [
     {

src/rules/a11y-link-in-text-block.js

@@ -28,6 +28,10 @@ module.exports = {
           name === 'Link' &&
           node.parent.children
         ) {
+          // Skip if Link has className because we cannot deduce what styles are applied.
+          const classNameAttribute = getJSXOpeningElementAttribute(node.openingElement, 'className')
+          if (classNameAttribute) return
+
           let siblings = node.parent.children
           const parentName = node.parent.openingElement?.name?.name
           // Skip if Link is nested inside of a heading.