perf: avoid css.import

Author: adil192

lib/jaspr_options.dart

@@ -7,8 +7,6 @@
 import 'package:jaspr/jaspr.dart';
 import 'package:saber_landing/components/rough_notation_initiator.dart'
     as prefix0;
-import 'package:saber_landing/pages/home.dart' as prefix1;
-import 'package:saber_landing/pages/support.dart' as prefix2;
 
 /// Default [JasprOptions] for use with your jaspr project.
 ///
@@ -33,5 +31,4 @@ JasprOptions get defaultJasprOptions => JasprOptions(
           'components/rough_notation_initiator',
         ),
   },
-  styles: () => [...prefix1.Home.styles, ...prefix2.Support.styles],
 );

lib/pages/home.dart

@@ -10,13 +10,11 @@ class Home extends StatelessComponent {
   @override
   Component build(BuildContext context) {
     return fragment([
+      link(href: '/home.css', rel: 'stylesheet'),
       Header(),
       Badges(),
       Features(),
       const RoughNotationInitiator(),
     ]);
   }
-
-  @css
-  static List<StyleRule> get styles => [css.import('/home.css')];
 }

lib/pages/support.dart

@@ -8,6 +8,7 @@ class Support extends StatelessComponent {
   @override
   Component build(BuildContext context) {
     return fragment([
+      link(href: '/support.css', rel: 'stylesheet'),
       h1([text('Support with Saber')]),
       p([
         text(
@@ -56,7 +57,4 @@ class Support extends StatelessComponent {
       ]),
     ]);
   }
-
-  @css
-  static List<StyleRule> get styles => [css.import('/support.css')];
 }