Clarify.

Author: GirlBossRush

web/src/elements/Base.ts

@@ -145,6 +145,13 @@ export class AKElement extends LitElement implements AKElementProps {
 
     /**
      * A custom CSS style sheet to apply to the element.
+     *
+     * @deprecated Use CSS parts and custom properties instead.
+     *
+     * @remarks
+     * The use of injected style sheets may result in brittle styles that are hard to
+     * maintain across authentik versions.
+     *
      */
     readonly #customCSSStyleSheet: CSSStyleSheet | null;
 
@@ -157,6 +164,13 @@ export class AKElement extends LitElement implements AKElementProps {
      */
     #styleRoot?: StyleRoot;
 
+    /**
+     * The style root to which the theme is applied.
+     */
+    protected get styleRoot(): StyleRoot | undefined {
+        return this.#styleRoot;
+    }
+
     protected set styleRoot(nextStyleRoot: StyleRoot | undefined) {
         this.#themeAbortController?.abort();
 
@@ -183,10 +197,6 @@ export class AKElement extends LitElement implements AKElementProps {
         }
     }
 
-    protected get styleRoot(): StyleRoot | undefined {
-        return this.#styleRoot;
-    }
-
     protected hasSlotted(name: string | null) {
         const isNotNestedSlot = (start: Element) => {
             let node = start.parentNode;