tests/e2e: add test for authentication flow in compatibility mode (#14392)

* tests/e2e: add test for authentication flow in compatibility mode

Signed-off-by: Jens Langhammer <jens@goauthentik.io>

* web: Add prefix class to CSS for easier debugging of constructed stylesheets.

- Use CSS variables for highlighter.

* web: Fix issue where MDX components apply styles out of order.

* web: Fix hover color.

* web: Fix CSS module types. Clean up globals.

* web: Fix issues surrounding availability of shadow root in compatibility mode.

* web: Fix typo.

* web: Partial fixes for storybook dark theme.

* web: Fix overflow.

* web: Fix issues surrounding competing interfaces attempting to apply styles.

* fix padding in ak-alert in. markdown

Signed-off-by: Jens Langhammer <jens@goauthentik.io>

* web: Minimize use of sub-module exports.

---------

Signed-off-by: Jens Langhammer <jens@goauthentik.io>
Co-authored-by: Teffen Ellis <teffen@sister.software>

web/types/css.d.ts

@@ -0,0 +1,23 @@
+/**
+ * @file ESBuild CSS module type definitions.
+ */
+
+declare module "*.css" {
+    import { CSSResult } from "lit";
+
+    global {
+        /**
+         * A branded type representing a CSS file imported by ESBuild.
+         *
+         * While this is a `string`, this is typed as a {@linkcode CSSResult}
+         * to satisfy LitElement's `static styles` property.
+         */
+        export type CSSModule = CSSResult & { readonly __brand?: string };
+    }
+
+    /**
+     * The text content of a CSS file imported by ESBuild.
+     */
+    const css: CSSModule;
+    export default css;
+}