Moving CSS to be an import, temporarily requireing composer semver

Author: weaverryan

ux.symfony.com/assets/app.js

@@ -1,3 +1,4 @@
+import './styles/app.scss';
 import { registerReactControllerComponents } from '@symfony/ux-react';
 import {registerVueControllerComponents} from "@symfony/ux-vue";
 import { registerSvelteControllerComponents } from "@symfony/ux-svelte";

ux.symfony.com/composer.json

@@ -8,6 +8,7 @@
         "ext-ctype": "*",
         "ext-iconv": "*",
         "babdev/pagerfanta-bundle": "^3.8",
+        "composer/semver": "^3.4",
         "doctrine/doctrine-bundle": "^2.10",
         "doctrine/doctrine-migrations-bundle": "^3.2.4",
         "doctrine/orm": "^2.15.3",

ux.symfony.com/composer.lock

@@ -15,8 +15,8 @@
  */
 return [
     'app' => [
-        'entrypoint' => true,
         'path' => './assets/app.js',
+        'entrypoint' => true,
     ],
     '@symfony/stimulus-bundle' => [
         'path' => '@symfony/stimulus-bundle/loader.js',
@@ -95,7 +95,7 @@
         'version' => '2.0.0',
     ],
     'chart.js/auto' => [
-        'version' => '4.3.0',
+        'version' => '3.9.1',
     ],
     'cropperjs' => [
         'version' => '1.5.13',
@@ -149,7 +149,7 @@
         'version' => '2.2.0',
     ],
     'bootstrap/dist/css/bootstrap.min.css' => [
-        'type' => 'css',
         'version' => '5.3.2',
+        'type' => 'css',
     ],
 ];

ux.symfony.com/importmap.php

@@ -10,9 +10,7 @@
         <link rel="mask-icon" href="https://symfony.com/favicons/safari-pinned-tab.svg" color="#5bbad5">
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <meta name="color-scheme" content="light dark">
-        <link rel="preconnect" href="https://cdn.jsdelivr.net" />
         {% block stylesheets %}
-            <link rel="stylesheet" href="{{ asset('styles/app.scss') }}">
         {% endblock %}
         {% block javascripts %}
             <script>