Chore: Add tracking for total number of scss files (#87259)

* add tracking for total number of scss files

* need this comma :o

scripts/ci-frontend-metrics.sh

@@ -15,6 +15,7 @@ BARREL_IMPORTS="$(grep -r -oP '@todo: replace barrel import path' public/app | w
 CLASSNAME_PROP="$(grep -r -o -E --include="*.ts*" "\.*.className=\W.*\W.*" public/app | wc -l)"
 EMOTION_IMPORTS="$(grep -r -o -E --include="*.ts*" --exclude="*.test*" "\{.*css.*\} from '@emotion/css'" public/app | wc -l)"
 TS_FILES="$(find public/app -type f -name "*.ts*" -not -name "*.test*" | wc -l)"
+SCSS_FILES="$(find public packages -name '*.scss' | wc -l)"
 
 TOTAL_BUNDLE="$(du -sk "$BUILD_FOLDER" | cut -f1)"
 OUTDATED_DEPENDENCIES="$(yarn outdated --all | grep -oP '[[:digit:]]+ *(?= dependencies are out of date)')"
@@ -40,6 +41,7 @@ echo -e "Critical vulnerabilities: $CRITICAL_VULNERABILITIES"
 echo -e "ClassName in props: $CLASSNAME_PROP"
 echo -e "@emotion/css imports: $EMOTION_IMPORTS"
 echo -e "Total TS files: $TS_FILES"
+echo -e "Total SCSS files: $SCSS_FILES"
 
 BETTERER_STATS=""
 while read -r name value
@@ -75,5 +77,6 @@ echo "Metrics: {
   \"grafana.ci-code.dependencies.outdated\": \"${OUTDATED_DEPENDENCIES}\",
   \"grafana.ci-code.props.className\": \"${CLASSNAME_PROP}\",
   \"grafana.ci-code.imports.emotion\": \"${EMOTION_IMPORTS}\",
-  \"grafana.ci-code.tsFiles\": \"${TS_FILES}\"
+  \"grafana.ci-code.tsFiles\": \"${TS_FILES}\",
+  \"grafana.ci-code.scssFiles\": \"${SCSS_FILES}\"
 }"