Updates CSS. We'll begin slowly processing new css into our new format.

packages/components/outline-core-ckeditor/src/outline-core-ckeditor-imports.css

@@ -0,0 +1,6 @@
+.ck.ck-content, outline-core-ckeditor {
+  display: block;
+
+  @nested-import './outline-core-ckeditor-starterkit.css';
+
+}

packages/components/outline-core-ckeditor/src/outline-core-ckeditor-starterkit.css

@@ -0,0 +1 @@
+/* This CSS file provides a set of good default styles for integrating CKEditor within a Drupal environment. It ensures consistent styling and behavior of the WYSIWYG editor across the platform. */

packages/components/outline-core-ckeditor/src/outline-core-ckeditor-vars.css

@@ -0,0 +1,2 @@
+/* This section is reserved for variables imported from Figma or other design tools.
+These variables should be connected to all other CSS files for consistent styling across the platform. */

packages/components/outline-core-ckeditor/src/outline-core-ckeditor.ts

@@ -4,14 +4,16 @@ import { customElement } from 'lit/decorators.js';
 // Our base component, which all others extend.
 import { OutlineElement } from '@phase2/outline-core';
 
-import componentStyles from './outline-core-ckeditor.css.lit';
+import globalStyles from './outline-core-ckeditor-imports.css?inline';
+import { AdoptedStylesheets } from '@phase2/outline-adopted-stylesheets-controller';
+
 
 import { checkFileType } from './utilities/check-file-type';
 import { externalLinkText } from './utilities/external-link-text';
 import { tooltipLink } from './utilities/tooltip';
 import { wrapLastWord } from './utilities/wrap-last-word';
 
-wrapLastWord;
+// wrapLastWord;
 
 /**
  * The Outline Core Styled Text component
@@ -22,8 +24,13 @@ wrapLastWord;
  * Lightdom styles in outline-core-ckeditor.lightdom.css included in /shared.css
  */
 @customElement('outline-core-ckeditor')
-export class OutlineCoreCkeditor extends OutlineElement {
-  static styles: CSSResultGroup = [componentStyles];
+export class OutlineCoreCkeditor extends OutlineElement
+  // static styles: CSSResultGroup = [componentStyles];
+  {
+    GlobalStylesheets: AdoptedStylesheets | undefined = new AdoptedStylesheets(
+      this,
+      globalStyles
+    );
 
   connectedCallback(): void {
     super.connectedCallback();