feat: separate bg colors from semantic color classes #12300

Job	Run time
init / Init	25s
scan-secrets / TruffleHog	51s
get-playwright-version / Get and save publish version	19s
build-packages / Build Packages	1m 18s
lint / Lint	42s
build-showcase-angular / Build Showcase angular-showcase	17s
build-showcase-angular-ssr / Build Showcase angular-ssr-showcase	18s
build-showcase-next / Build Showcase next-showcase	29s
build-outputs / Build outputs	17s
build-showcase-patternhub / Build Patternhub	15s
build-showcase-nuxt / Build Showcase nuxt-showcase	17s
build-showcase-react / Build Showcase react-showcase	15s
build-showcase-vue / Build Showcase vue-showcase	17s
test-components / 🧪🎭 - react:1/3	17s
test-foundations / 🧪🎭 - foundations	16s
test-components / 🧪🎭 - react:2/3	14s
test-components / 🧪🎭 - react:3/3	13s
test-components / 🧪🎭 - vue:1/3	15s
test-components / 🧪🎭 - vue:2/3	16s
test-components / 🧪🎭 - vue:3/3	17s
test-showcase-patternhub	1s
test-showcase-react	1s
regenerate-snapshots-patternhub	1s
test-showcase-angular	1s
regenerate-snapshots-foundations	1s
test-showcase-vue	1s
regenerate-snapshots	1s
regenerate-snapshots-components	1s
checks-done	1s
deploy	1s
	7m 58s

Provide feedback