fix: Add fallback colors to html-block styles

components/colors/colors.js

@@ -1,5 +1,3 @@
-import '@webcomponents/shadycss/entrypoints/custom-style-interface.js';
-
 if (!document.head.querySelector('#d2l-colors')) {
 	const style = document.createElement('style');
 	style.id = 'd2l-colors';
@@ -94,5 +92,4 @@ if (!document.head.querySelector('#d2l-colors')) {
 		}
 	`;
 	document.head.appendChild(style);
-	window.ShadyCSS.CustomStyleInterface.addCustomStyle(style);
 }

components/html-block/html-block.js

@@ -70,13 +70,13 @@ export const htmlBlockContentStyles = css`
 	a:visited,
 	a:link,
 	a:active {
-		color: var(--d2l-color-celestine);
+		color: var(--d2l-color-celestine, #006fbf);
 		cursor: pointer;
 		text-decoration: none;
 	}
 	a:hover,
 	a:focus {
-		color: var(--d2l-color-celestine-minus-1);
+		color: var(--d2l-color-celestine-minus-1, #004489);
 		outline-width: 0;
 		text-decoration: underline;
 	}
@@ -85,7 +85,7 @@ export const htmlBlockContentStyles = css`
 		a:visited,
 		a:link,
 		a:active {
-			color: var(--d2l-color-ferrite);
+			color: var(--d2l-color-ferrite, #494c4e);
 		}
 	}
 	mjx-assistive-mml math {

components/typography/typography.js

@@ -1,4 +1,3 @@
-import '@webcomponents/shadycss/entrypoints/custom-style-interface.js';
 import '../colors/colors.js';
 
 export const importUrl = 'https://s.brightspace.com/lib/fonts/0.5.0/assets/';
@@ -144,5 +143,4 @@ if (!document.head.querySelector('#d2l-typography-font-face')) {
 		}
 	`;
 	document.head.appendChild(style);
-	window.ShadyCSS.CustomStyleInterface.addCustomStyle(style);
 }

package.json

@@ -63,7 +63,6 @@
     "@brightspace-ui/intl": "^3",
     "@formatjs/intl-pluralrules": "^1",
     "@open-wc/dedupe-mixin": "^1",
-    "@webcomponents/shadycss": "^1",
     "focus-visible": "^5",
     "ifrau": "^0.39",
     "intl-messageformat": "^7",