fix(styles): update the theme-sets

Author: droshev

.ci-env/flags.sh

@@ -0,0 +1,5 @@
+#!/usr/bin/env bash
+# This flag indicates if the tag should be treated as a latest one, which is going to trigger
+# - npm publish with `latest` tag, which will become new default version
+# - main version incrementation
+echo "isLatest=false" >> $GITHUB_OUTPUT

packages/styles/src/theming/sap_fiori_3_set.scss

@@ -1,17 +1,6 @@
 @use "sass:map";
 
-@container style(--sapSapThemeId: sap_fiori_3) {
-  @import './sap_fiori_3';
-}
-
-@container style(--sapSapThemeId: sap_fiori_3_dark) {
-  @import './sap_fiori_3_dark';
-}
-
-@container style(--sapSapThemeId: sap_fiori_3_hcb) {
-  @import './sap_fiori_3_hcb';
-}
-
-@container style(--sapSapThemeId: sap_fiori_3_hcw) {
-  @import './sap_fiori_3_hcw';
-}
+@import "sap_fiori_3" only screen and (prefers-color-scheme: light) and (prefers-contrast: no-preference), screen and (prefers-color-scheme: light) and (prefers-contrast: less);
+@import "sap_fiori_3_dark" only screen and (prefers-color-scheme: dark) and (prefers-contrast: no-preference), screen and (prefers-color-scheme: dark) and (prefers-contrast: less);
+@import "sap_fiori_3_hcw" only screen and (prefers-color-scheme: light) and (prefers-contrast: custom), screen and (prefers-color-scheme: light) and (prefers-contrast: more);
+@import "sap_fiori_3_hcb" only screen and (prefers-color-scheme: dark) and (prefers-contrast: custom), screen and (prefers-color-scheme: dark) and (prefers-contrast: more);

packages/styles/src/theming/sap_horizon_set.scss

@@ -1,17 +1,6 @@
 @use "sass:map";
 
-@container style(--sapSapThemeId: sap_horizon) {
-    @import 'sap_horizon';
-}
-
-@container style(--sapSapThemeId: sap_horizon_dark) {
-    @import 'sap_horizon_dark';
-}
-
-@container style(--sapSapThemeId: sap_horizon_hcb) {
-    @import 'sap_horizon_hcb';
-}
-
-@container style(--sapSapThemeId: sap_horizon_hcw) {
-    @import 'sap_horizon_hcw';
-}
+@import "sap_horizon" only screen and (prefers-color-scheme: light) and (prefers-contrast: no-preference), screen and (prefers-color-scheme: light) and (prefers-contrast: less);
+@import "sap_horizon_dark" only screen and (prefers-color-scheme: dark) and (prefers-contrast: no-preference), screen and (prefers-color-scheme: dark) and (prefers-contrast: less);
+@import "sap_horizon_hcw" only screen and (prefers-color-scheme: light) and (prefers-contrast: custom), screen and (prefers-color-scheme: light) and (prefers-contrast: more);
+@import "sap_horizon_hcb" only screen and (prefers-color-scheme: dark) and (prefers-contrast: custom), screen and (prefers-color-scheme: dark) and (prefers-contrast: more);