fix(go to release): css pipeline

Author: Phil-NHS

.github/workflows/release.yml

@@ -119,7 +119,16 @@ jobs:
       - name: Restore NuGet Packages for Specifically the BCL Package Library Project
         run: dotnet restore Package.BlazorComponentLibrary/Package.BlazorComponentLibrary.csproj
 
-       
+      - name: Set up Node.js so we have gulp for retrieving TEL Frontend Css
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+    
+      - name: Install npm packages so we have gulp for retrieving TEL Frontend Css
+        working-directory: ./Package.BlazorComponentLibrary
+        run: npm ci
+        #CI is an install with adhering to package-lock
+        
       - name: Build and Pack BlazorComponentLibrary
         run: |
           dotnet build Package.BlazorComponentLibrary -c Release \

Package.BlazorComponentLibrary/Components/SimpleCounter.razor

@@ -1,5 +1,6 @@
 <h3>Simple Counter</h3>
 <h1 class="nhsuk-tag--red">!!!!!! If im red we are getting nhsuk-tag-red !!!!!!</h1>
+<h1 class="scoped-css-simple-counter-red">if im red we have scoped css (though for our scenario we probably will solely rely on nhsuk)</h1>
 change
 <b>version from build process</b>
 <span class="version-display">@Package.BlazorComponentLibrary.BCLVersion.VersionInfo.Version</span>

Package.BlazorComponentLibrary/Components/SimpleCounter.razor.css

@@ -2,7 +2,9 @@
     color: blue;
     font-size: 24px;
 }
-
+.scoped-css-simple-counter-red {
+color: red;
+}
 button {
     background-color: lightblue;
     color: white;