diff --git a/package.json b/package.json
index 1463cc022..34614a8be 100644
--- a/package.json
+++ b/package.json
@@ -90,8 +90,5 @@
     "hooks": {
       "commit-msg": "commitlint -E HUSKY_GIT_PARAMS"
     }
-  },
-  "dependencies": {
-    "@crocsx/scss-to-json": "^3.0.0"
   }
 }
diff --git a/src/utility/colors/.package.yml b/src/utility/colors/.package.yml
index 0f85e92a8..030843729 100644
--- a/src/utility/colors/.package.yml
+++ b/src/utility/colors/.package.yml
@@ -4,6 +4,4 @@ description:
 doc:
 wrapper: col-8
 style:
-  - core
-script:
   - core
\ No newline at end of file
diff --git a/src/utility/colors/example/sample/default.ejs b/src/utility/colors/example/sample/default.ejs
index a9482deb0..ec77d3673 100644
--- a/src/utility/colors/example/sample/default.ejs
+++ b/src/utility/colors/example/sample/default.ejs
@@ -34,12 +34,15 @@
           <div class="sample-box <%= prefix %>-mb-4v">
 
             <% if (context === 'text') { %>
-              <p class="<%= color.colorClass %> <%= prefix %>-mb-0 <%= prefix %>-mr-4v"><%- lorem('', 20) %></p>
+              <% let wrapperClass = color.usage === 'inverted' ? [`${prefix}-background-flat--${color.tint}`, `${prefix}-p-1v`] : []; %>
+              <div <%- includeClasses(wrapperClass); %>>
+                <p class="<%= color.colorClass %> <%= prefix %>-mb-0"><%- lorem('', 20) %></p>
+              </div>
             <% } else { %>
-              <span class="<%= color.colorClass %> <%= prefix %>-mr-4v"></span>
+              <span class="<%= color.colorClass %>"></span>
             <% } %>
 
-            <code><%= color.colorClass %></code>
+            <code class="<%= prefix %>-ml-4v"><%= color.colorClass %></code>
           </div>
         <% } %>
 
diff --git a/yarn.lock b/yarn.lock
index 8df201ad8..e70d81635 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -499,15 +499,6 @@
   dependencies:
     chalk "^4.0.0"
 
-"@crocsx/scss-to-json@^3.0.0":
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/@crocsx/scss-to-json/-/scss-to-json-3.0.0.tgz#cb516ed3dc9df6f5bdfdb6a3069fd23783d0fa5d"
-  integrity sha512-kmivjOQrB4547VMY7oFvVht/6pX6vI3wfUe9/IgBTX83NpH84IM4XX5NRZi+1IJmJvZuXRlKV+JradM6pW/reA==
-  dependencies:
-    cssmin "^0.4.3"
-    minimist "^1.2.0"
-    sass "^1.32.8"
-
 "@endemolshinegroup/cosmiconfig-typescript-loader@^3.0.2":
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/@endemolshinegroup/cosmiconfig-typescript-loader/-/cosmiconfig-typescript-loader-3.0.2.tgz#eea4635828dde372838b0909693ebd9aafeec22d"
@@ -1734,13 +1725,6 @@ check-types@^11.1.1:
   optionalDependencies:
     fsevents "~2.3.2"
 
-chokidar@^4.0.0:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-4.0.1.tgz#4a6dff66798fb0f72a94f616abbd7e1a19f31d41"
-  integrity sha512-n8enUVCED/KVRQlab1hr3MVpcVMvxtZjmEa956u+4YijlmQED223XMSYj2tLuKvr4jcCTzNNMpQDUer72MMmzA==
-  dependencies:
-    readdirp "^4.0.1"
-
 chownr@^1.1.1:
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/chownr/-/chownr-1.1.4.tgz#6fc9d7b42d32a583596337666e7d08084da2cc6b"
@@ -2020,11 +2004,6 @@ cssesc@^3.0.0:
   resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-3.0.0.tgz#37741919903b868565e1c09ea747445cd18983ee"
   integrity sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==
 
-cssmin@^0.4.3:
-  version "0.4.3"
-  resolved "https://registry.yarnpkg.com/cssmin/-/cssmin-0.4.3.tgz#c9194077e0ebdacd691d5f59015b9d819f38d015"
-  integrity sha512-A0hOtBUV5dPB/gRKsLZsqoyeFHuKIWCXdumFdsK/0nlhwK1NRZHwtm0svdTA4uEpixZD+o0xs7MirNsG2X1JBg==
-
 cssnano-preset-default@^5.2.14:
   version "5.2.14"
   resolved "https://registry.yarnpkg.com/cssnano-preset-default/-/cssnano-preset-default-5.2.14.tgz#309def4f7b7e16d71ab2438052093330d9ab45d8"
@@ -6025,11 +6004,6 @@ readable-stream@3, readable-stream@^3.0.0, readable-stream@^3.1.1, readable-stre
     string_decoder "^1.1.1"
     util-deprecate "^1.0.1"
 
-readdirp@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-4.0.1.tgz#b2fe35f8dca63183cd3b86883ecc8f720ea96ae6"
-  integrity sha512-GkMg9uOTpIWWKbSsgwb5fA4EavTR+SG/PMPoAY8hkhHfEEY0/vqljY+XHqtDf2cr2IJtoNRDbrrEpZUiZCkYRw==
-
 readdirp@~3.6.0:
   version "3.6.0"
   resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-3.6.0.tgz#74a370bd857116e245b29cc97340cd431a02a6c7"
@@ -6299,15 +6273,6 @@ sass-true@^6.1.0:
     jest-diff "^27.5.1"
     lodash "^4.17.21"
 
-sass@^1.32.8:
-  version "1.79.3"
-  resolved "https://registry.yarnpkg.com/sass/-/sass-1.79.3.tgz#7811b000eb68195fe51dea89177e73e7ef7f546f"
-  integrity sha512-m7dZxh0W9EZ3cw50Me5GOuYm/tVAJAn91SUnohLRo9cXBixGUOdvmryN+dXpwR831bhoY3Zv7rEFt85PUwTmzA==
-  dependencies:
-    chokidar "^4.0.0"
-    immutable "^4.0.0"
-    source-map-js ">=0.6.2 <2.0.0"
-
 sass@^1.59.2:
   version "1.59.2"
   resolved "https://registry.yarnpkg.com/sass/-/sass-1.59.2.tgz#537f6d11614d4f20f97696f23ad358ee398b1937"