bug fixes for css eslint rule (#14202)

- ignores the link tags which do not have literal href
e.g. `<link rel="stylesheet" href={props.href} />`

packages/eslint-plugin-next/lib/rules/no-css-tags.js

@@ -18,7 +18,9 @@ module.exports = function (context) {
         ) &&
         attributes.find(
           (attr) =>
-            attr.name.name === 'href' && !/^https?/.test(attr.value.value)
+            attr.name.name === 'href' &&
+            attr.value.type === 'Literal' &&
+            !/^https?/.test(attr.value.value)
         )
       ) {
         context.report({

test/eslint-plugin-next/no-css-tags.test.js

@@ -50,6 +50,18 @@ ruleTester.run('no-css-tags', rule, {
           );
         }
     }`,
+
+    `import {Head} from 'next/document';
+      export class Blah extends Head {
+        render(props) {
+          return (
+            <div>
+              <h1>Hello title</h1>
+              <link rel="stylesheet" {...props} />
+            </div>
+          );
+        }
+    }`,
   ],
 
   invalid: [