[TwigComponent] Allow @ prefix in nested attributes

Fix this was not compiled

```twig
<twig foo:@bar="baz" />
```

Author: smnandre

src/TwigComponent/src/Twig/TwigPreLexer.php

@@ -260,7 +260,7 @@ private function consumeAttributes(string $componentName): string
                     throw new SyntaxError(\sprintf('Expected "=" after ":%s" when parsing the "<twig:%s" syntax.', $key, $componentName), $this->line);
                 }
 
-                $attributes[] = \sprintf('%s: true', preg_match('/[-:]/', $key) ? "'$key'" : $key);
+                $attributes[] = \sprintf('%s: true', preg_match('/[-:@]/', $key) ? "'$key'" : $key);
                 $this->consumeWhitespace();
                 continue;
             }
@@ -275,7 +275,7 @@ private function consumeAttributes(string $componentName): string
                 $attributeValue = $this->consumeAttributeValue($quote);
             }
 
-            $attributes[] = \sprintf('%s: %s', preg_match('/[-:]/', $key) ? "'$key'" : $key, '' === $attributeValue ? "''" : $attributeValue);
+            $attributes[] = \sprintf('%s: %s', preg_match('/[-:@]/', $key) ? "'$key'" : $key, '' === $attributeValue ? "''" : $attributeValue);
 
             $this->expectAndConsumeChar($quote);
             $this->consumeWhitespace();

src/TwigComponent/tests/Unit/TwigPreLexerTest.php

@@ -311,6 +311,16 @@ public static function getLexTests(): iterable
             '{% component \'foobar\' with { \'my:attribute\': \'yo\' } %}{% endcomponent %}',
         ];
 
+        yield 'component_with_@_attribute' => [
+            '<twig:foobar @attribute="yo"></twig:foobar>',
+            '{% component \'foobar\' with { \'@attribute\': \'yo\' } %}{% endcomponent %}',
+        ];
+
+        yield 'component_with_nested_@_attribute' => [
+            '<twig:foobar foo:@attribute="yo"></twig:foobar>',
+            '{% component \'foobar\' with { \'foo:@attribute\': \'yo\' } %}{% endcomponent %}',
+        ];
+
         yield 'component_with_truthy_attribute' => [
             '<twig:foobar data-turbo-stream></twig:foobar>',
             '{% component \'foobar\' with { \'data-turbo-stream\': true } %}{% endcomponent %}',