refactor: rewrite color logic for better flexibility (#2854)

resolves #2855 

Note: The colors are not 100% the same after the change, but the same
rules apply.

---------

Co-authored-by: Tobias Barsnes <[email protected]>
Co-authored-by: Michael Marszalek <[email protected]>

.changeset/small-seahorses-add.md

@@ -0,0 +1,5 @@
+---
+"@digdir/designsystemet-theme": patch
+---
+
+Tweaked color codes. Visually remains the same

.gitignore

@@ -42,3 +42,4 @@ test-report.xml
 
 packages/cli/test-tokens-create
 packages/cli/test-tokens-build
+packages/cli/internal

apps/_components/src/ColorModal/components/ContrastBoxes.tsx

@@ -1,10 +1,7 @@
-import type { CssColor } from '@adobe/leonardo-contrast-colors';
 import { Heading } from '@digdir/designsystemet-react';
+import type { CssColor } from '@digdir/designsystemet/color';
 import type { ColorNumber } from '@digdir/designsystemet/color';
-import {
-  areColorsContrasting,
-  getApcaContrastLc,
-} from '@digdir/designsystemet/color';
+import { areColorsContrasting } from '@digdir/designsystemet/color';
 import {
   CheckmarkCircleFillIcon,
   ExclamationmarkTriangleFillIcon,
@@ -95,24 +92,6 @@ const ContrastBox = ({
           }
         />
       </div>
-
-      {(colorNumber === 12 || colorNumber === 13) && (
-        <>
-          <h3 className={classes.contrastSubTitle}>APCA</h3>
-          <div className={classes.contrastContainer}>
-            <ContrastItem
-              text='Lc75'
-              subText='(18px / 400)'
-              error={
-                (getApcaContrastLc(
-                  selectedColor as CssColor,
-                  contrastColor,
-                ) as number) <= 75
-              }
-            />
-          </div>
-        </>
-      )}
     </div>
   );
 };