Fix issue with target.matches in CSS parsing (#157)

Skip exceptions with target.matches on unsupported queries.

This skips attempts to check whether unsupported queries match such as @layer or @media.
---------

Co-authored-by: Callie Riggins <[email protected]>

src/scroll-timeline-css-parser.js

@@ -97,14 +97,18 @@ export class StyleParser {
     // rule that matches, instead take the one with the most specifity among those that match
     for (let i = this.cssRulesWithTimelineName.length - 1; i >= 0; i--) {
       const current = this.cssRulesWithTimelineName[i];
-      if (target.matches(current.selector)) {
-        if (!current['animation-name'] || current['animation-name'] == animationName) {
-          return {
-            'animation-timeline': current['animation-timeline'],
-            'animation-range': current['animation-range']
+      try {
+        if (target.matches(current.selector)) {
+          if (!current['animation-name'] || current['animation-name'] == animationName) {
+            return {
+              'animation-timeline': current['animation-timeline'],
+              'animation-range': current['animation-range']
+            }
           }
         }
-      }
+      } catch {
+        // TODO: handle nested at-rules
+      }      
     }
 
     return null;