diff --git a/.eslintrc b/.eslintrc
index ae0e21c16..d9041ccd5 100644
--- a/.eslintrc
+++ b/.eslintrc
@@ -1,6 +1,6 @@
 {
   "parser": "@babel/eslint-parser",
-  "extends": ["standard", "standard-react", "standard-jsx", "prettier"],
+  "extends": ["standard", "standard-react", "standard-jsx", "prettier", "plugin:react-hooks/recommended"],
   "plugins": ["babel", "react", "promise", "prettier"],
   "env": {
     "browser": true
diff --git a/.github/workflows/reviewer-lottery.yaml b/.github/workflows/reviewer-lottery.yaml
index a01abeb36..34c820edb 100644
--- a/.github/workflows/reviewer-lottery.yaml
+++ b/.github/workflows/reviewer-lottery.yaml
@@ -9,6 +9,6 @@ jobs:
     if: ${{ github.actor == 'dependabot[bot]' }}
     steps:
       - uses: actions/checkout@v3
-      - uses: uesteibar/reviewer-lottery@v2
+      - uses: uesteibar/reviewer-lottery@v3
         with:
           repo-token: ${{ secrets.GITHUB_TOKEN }}
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 5b1c97cb5..fc981fcd7 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -12,6 +12,16 @@
 
 ### Dependency updates
 
+## [22.2.0] - 2023-07-11
+
+### Added
+
+- `Toggle`: Props `labelPosition` and `fullWidth`. ([@qubis741](https://github.com/qubis741) in [#2710](https://github.com/teamleadercrm/ui/pull/2710))
+
+### Changed
+
+- `Popover`: Aligned the popover shadows with our design spec. ([@lowiebenoot](https://https://github.com/lowiebenoot) in [#2708](https://github.com/teamleadercrm/ui/pull/2708))
+
 ## [22.1.1] - 2023-06-14
 
 ### Fixed
diff --git a/package.json b/package.json
index 9e732f85d..a17478532 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@teamleader/ui",
   "description": "Teamleader UI library",
-  "version": "22.1.1",
+  "version": "22.2.0",
   "author": "Teamleader <development@teamleader.eu>",
   "bugs": {
     "url": "https://github.com/teamleadercrm/ui/issues"
@@ -35,7 +35,7 @@
     "@teamleader/ui-icons": "^2.1.0",
     "@teamleader/ui-illustrations": "^1.10.0",
     "@teamleader/ui-typography": "^2.0.2",
-    "@teamleader/ui-utilities": "^0.2.0",
+    "@teamleader/ui-utilities": "^0.2.2",
     "classnames": "^2.2.5",
     "draft-js": "0.11.7",
     "lodash.omit": "^4.5.0",
@@ -117,6 +117,7 @@
     "eslint-plugin-prettier": "^4.0.0",
     "eslint-plugin-promise": "^6.0.0",
     "eslint-plugin-react": "^7.30.1",
+    "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-standard": "^5.0.0",
     "extract-text-webpack-plugin": "^4.0.0-beta.0",
     "file-loader": "^6.0.0",
@@ -134,7 +135,7 @@
     "postcss-import": "^15.0.0",
     "postcss-loader": "^7.0.1",
     "postcss-nested": "^6.0.0",
-    "postcss-preset-env": "8.3.1",
+    "postcss-preset-env": "9.0.0",
     "postcss-pseudoelements": "^5.0.0",
     "postcss-reporter": "^7.0.5",
     "prettier": "2.8.0",
diff --git a/src/components/buttonGroup/buttonGroup.stories.tsx b/src/components/buttonGroup/buttonGroup.stories.tsx
index d7ea271e7..2004dba6d 100644
--- a/src/components/buttonGroup/buttonGroup.stories.tsx
+++ b/src/components/buttonGroup/buttonGroup.stories.tsx
@@ -18,7 +18,7 @@ export const Normal: ComponentStory<typeof ButtonGroup> = (args) => (
   </ButtonGroup>
 );
 
-export const withActive = () => {
+export const WithActive = () => {
   const [value, setValue] = useState('option2');
 
   const handleChange = (value: string) => {
@@ -34,4 +34,4 @@ export const withActive = () => {
   );
 };
 
-withActive.storyName = 'With active';
+WithActive.storyName = 'With active';
diff --git a/src/components/datagrid/DataGrid.tsx b/src/components/datagrid/DataGrid.tsx
index e4f9e88ec..f2c064991 100644
--- a/src/components/datagrid/DataGrid.tsx
+++ b/src/components/datagrid/DataGrid.tsx
@@ -74,6 +74,7 @@ export const DataGrid: DatagridComponent = ({
             .reduce((accumulatedChildWidth, currentChildWidth) => accumulatedChildWidth + currentChildWidth, 0),
         )
         .reduce((maxRowWidth, currentRowWidth) => (currentRowWidth > maxRowWidth ? currentRowWidth : maxRowWidth), 0),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     [rowNodes, rowNodes.size],
   );
   const childrenArray: (ReactElement | ReactElement[])[] = !Array.isArray(children) ? [children] : children;
@@ -139,6 +140,7 @@ export const DataGrid: DatagridComponent = ({
   useEffect(() => {
     setSelectedRows([]);
     handleSelectionChange([]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [comparableId]);
 
   const classNames = cx(
diff --git a/src/components/datepicker/DatePickerInput.tsx b/src/components/datepicker/DatePickerInput.tsx
index e4252c7bc..70d9632d3 100644
--- a/src/components/datepicker/DatePickerInput.tsx
+++ b/src/components/datepicker/DatePickerInput.tsx
@@ -143,6 +143,7 @@ function DatePickerInput<IsTypeable extends boolean = true>({
         }
       }
     },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     [inputValue, selectedDate],
   );
   useEffect(() => {
@@ -159,6 +160,7 @@ function DatePickerInput<IsTypeable extends boolean = true>({
     } else {
       setSelectedDate(undefined);
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [preselectedDate]);
 
   const handleInputFocus = (event: React.FocusEvent<HTMLElement>) => {
diff --git a/src/components/datepicker/MonthPicker.tsx b/src/components/datepicker/MonthPicker.tsx
index 0c847d4fe..367bd8e73 100644
--- a/src/components/datepicker/MonthPicker.tsx
+++ b/src/components/datepicker/MonthPicker.tsx
@@ -69,6 +69,7 @@ const MonthPickerUnary: GenericComponent<MonthPickerProps> = ({ date, locale, lo
   const selectedMonth = useMemo(
     () =>
       date && localeUtils && { value: date.getMonth().toString(), label: localeUtils.formatMonthTitle(date, locale) },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     [date],
   );
 
@@ -96,6 +97,7 @@ const MonthPickerSplit: GenericComponent<MonthPickerProps> = ({ date, locale, lo
   const [yearInput, setYearInput] = useState(date && `${date.getFullYear()}`);
   const selectedMonth = useMemo(
     () => date && localeUtils && { value: date.getMonth(), label: localeUtils.formatMonthTitle(date, locale) },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     [date],
   );
   const selectedYear = useMemo(() => date && date.getFullYear(), [date]);
diff --git a/src/components/dialog/Dialog.tsx b/src/components/dialog/Dialog.tsx
index c72f6b861..32fe95c68 100644
--- a/src/components/dialog/Dialog.tsx
+++ b/src/components/dialog/Dialog.tsx
@@ -65,6 +65,7 @@ const Dialog: GenericComponent<DialogProps> = ({
   }, [bodyRef]);
   useEffect(() => {
     handleScrollShadow();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [bodyRef, otherProps.active]);
 
   useResizeDetector({
diff --git a/src/components/dialog/useDraggable.ts b/src/components/dialog/useDraggable.ts
index ad9cd43ba..c61448c79 100644
--- a/src/components/dialog/useDraggable.ts
+++ b/src/components/dialog/useDraggable.ts
@@ -51,6 +51,7 @@ const useDraggable = ({ active = false, dragTargetRef, dragHandleRef }: UseDragg
     return function cleanup() {
       currentDragHandleRef.removeEventListener('mousedown', mouseDownHandler);
     };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [active]);
 };
 
diff --git a/src/components/emailSelector/EmailSelector.tsx b/src/components/emailSelector/EmailSelector.tsx
index 62611c000..3e000f3ce 100644
--- a/src/components/emailSelector/EmailSelector.tsx
+++ b/src/components/emailSelector/EmailSelector.tsx
@@ -76,6 +76,7 @@ const EmailSelector: GenericComponent<EmailSelectorProps> = ({
       !disableRemovalOfFirst && setEditingLabel(index);
       setSelection(selection.filter((selection, i) => i <= index || selection.email.trim() !== ''));
     },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     [setEditingLabel, setSelection, selection],
   );
 
diff --git a/src/components/emailSelector/Label.tsx b/src/components/emailSelector/Label.tsx
index 1e75d3cb7..a7f3b6136 100644
--- a/src/components/emailSelector/Label.tsx
+++ b/src/components/emailSelector/Label.tsx
@@ -173,6 +173,7 @@ const Label: GenericComponent<LabelProps> = ({
           }
       }
     },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     [
       onFinish,
       index,
diff --git a/src/components/input/input.stories.tsx b/src/components/input/input.stories.tsx
index 8ae78520a..226bbb244 100644
--- a/src/components/input/input.stories.tsx
+++ b/src/components/input/input.stories.tsx
@@ -86,7 +86,7 @@ export default {
   },
 } as ComponentMeta<typeof Input>;
 
-export const input: ComponentStory<typeof Input> = (args) => {
+export const BasicInput: ComponentStory<typeof Input> = (args) => {
   const [value, setValue] = useState('');
 
   const handleChange = (event: ChangeEvent<HTMLElement>, value: string) => {
@@ -96,8 +96,8 @@ export const input: ComponentStory<typeof Input> = (args) => {
   return <Input value={value} onChange={handleChange} {...args} />;
 };
 
-input.storyName = 'Input';
-input.args = {
+BasicInput.storyName = 'Input';
+BasicInput.args = {
   bold: false,
   disabled: false,
   error: '',
@@ -112,7 +112,7 @@ input.args = {
   textAlignRight: false,
   width: '',
 };
-input.argTypes = {
+BasicInput.argTypes = {
   ...inputArgTypes,
   type: {
     control: 'select',
@@ -120,7 +120,7 @@ input.argTypes = {
   },
 };
 
-export const inputConnected: ComponentStory<typeof Input> = (args) => {
+export const InputConnected: ComponentStory<typeof Input> = (args) => {
   const [value, setValue] = useState('');
 
   const handleChange = (event: ChangeEvent<HTMLElement>, value: string) => {
@@ -130,13 +130,13 @@ export const inputConnected: ComponentStory<typeof Input> = (args) => {
   return <Input value={value} onChange={handleChange} {...args} />;
 };
 
-inputConnected.storyName = 'Input with connected';
-inputConnected.args = {
-  ...input.args,
+InputConnected.storyName = 'Input with connected';
+InputConnected.args = {
+  ...BasicInput.args,
   connectedLeft,
   connectedRight,
 };
-inputConnected.argTypes = {
+InputConnected.argTypes = {
   ...inputArgTypes,
   type: {
     control: 'select',
@@ -144,7 +144,7 @@ inputConnected.argTypes = {
   },
 };
 
-export const inputPrefixSuffix: ComponentStory<typeof Input> = (args) => {
+export const InputPrefixSuffix: ComponentStory<typeof Input> = (args) => {
   const [value, setValue] = useState('');
 
   const handleChange = (event: ChangeEvent<HTMLElement>, value: string) => {
@@ -154,13 +154,13 @@ export const inputPrefixSuffix: ComponentStory<typeof Input> = (args) => {
   return <Input value={value} onChange={handleChange} {...args} />;
 };
 
-inputPrefixSuffix.storyName = 'Input with prefix and suffix';
-inputPrefixSuffix.args = {
-  ...input.args,
+InputPrefixSuffix.storyName = 'Input with prefix and suffix';
+InputPrefixSuffix.args = {
+  ...BasicInput.args,
   prefix,
   suffix,
 };
-inputPrefixSuffix.argTypes = {
+InputPrefixSuffix.argTypes = {
   ...inputArgTypes,
   type: {
     control: 'select',
@@ -168,7 +168,7 @@ inputPrefixSuffix.argTypes = {
   },
 };
 
-export const numericInput: ComponentStory<typeof NumericInput> = (args) => {
+export const BasicNumericInput: ComponentStory<typeof NumericInput> = (args) => {
   const [value, setValue] = useState<string | number>(6);
 
   const handleChange = (event: ChangeEvent<HTMLElement>, value: string) => {
@@ -178,8 +178,8 @@ export const numericInput: ComponentStory<typeof NumericInput> = (args) => {
   return <NumericInput value={value} onChange={handleChange} {...args} />;
 };
 
-numericInput.storyName = 'NumericInput';
-numericInput.args = {
+BasicNumericInput.storyName = 'NumericInput';
+BasicNumericInput.args = {
   bold: false,
   disabled: false,
   error: '',
@@ -197,9 +197,9 @@ numericInput.args = {
   textAlignRight: false,
   width: '',
 };
-numericInput.argTypes = { ...inputArgTypes, stepper: { control: 'select', options: stepperOptions } };
+BasicNumericInput.argTypes = { ...inputArgTypes, stepper: { control: 'select', options: stepperOptions } };
 
-export const timeInput: ComponentStory<typeof TimeInput> = (args) => {
+export const BasicTimeInput: ComponentStory<typeof TimeInput> = (args) => {
   const [value, setValue] = useState('');
 
   const handleChange = (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {
@@ -209,8 +209,8 @@ export const timeInput: ComponentStory<typeof TimeInput> = (args) => {
   return <TimeInput value={value} onChange={handleChange} {...args} />;
 };
 
-timeInput.storyName = 'TimeInput';
-timeInput.args = {
+BasicTimeInput.storyName = 'TimeInput';
+BasicTimeInput.args = {
   bold: false,
   disabled: false,
   error: '',
@@ -224,9 +224,9 @@ timeInput.args = {
   textAlighRight: false,
   width: '90px',
 };
-timeInput.argTypes = inputArgTypes;
+BasicTimeInput.argTypes = inputArgTypes;
 
-export const durationInput: ComponentStory<typeof DurationInput> = (args) => {
+export const BasicDurationInput: ComponentStory<typeof DurationInput> = (args) => {
   const [value, setValue] = useState<{ hours?: number | undefined; minutes?: number | undefined } | undefined>();
 
   const handleChange = (value?: { hours?: number; minutes?: number }) => {
@@ -236,9 +236,9 @@ export const durationInput: ComponentStory<typeof DurationInput> = (args) => {
   return <DurationInput value={value} onChange={handleChange} {...args} />;
 };
 
-durationInput.storyName = 'DurationInput';
+BasicDurationInput.storyName = 'DurationInput';
 
-export const textarea: ComponentStory<typeof Textarea> = (args) => {
+export const BasicTextarea: ComponentStory<typeof Textarea> = (args) => {
   const [value, setValue] = useState('');
 
   const handleChange = (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {
@@ -248,8 +248,8 @@ export const textarea: ComponentStory<typeof Textarea> = (args) => {
   return <Textarea value={value} onChange={handleChange} {...args} />;
 };
 
-textarea.storyName = 'Textarea';
-textarea.args = {
+BasicTextarea.storyName = 'Textarea';
+BasicTextarea.args = {
   bold: false,
   disabled: false,
   error: '',
@@ -262,4 +262,4 @@ textarea.args = {
   size: 'medium',
   textAlignRight: false,
 };
-textarea.argTypes = inputArgTypes;
+BasicTextarea.argTypes = inputArgTypes;
diff --git a/src/components/menu/Menu.tsx b/src/components/menu/Menu.tsx
index 1742fd103..bb726c398 100644
--- a/src/components/menu/Menu.tsx
+++ b/src/components/menu/Menu.tsx
@@ -103,6 +103,7 @@ const Menu = <S,>({
         onHide && onHide();
       }
     },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     [onHide, onSelect, position],
   );
 
diff --git a/src/components/passport/passport.stories.tsx b/src/components/passport/passport.stories.tsx
index 33dfd903e..0ada10383 100644
--- a/src/components/passport/passport.stories.tsx
+++ b/src/components/passport/passport.stories.tsx
@@ -71,7 +71,7 @@ const usePassportState = () => {
   return { active, anchorEl, handleButtonClick: handleSetActiveClick, handleCloseClick: handleSetInactiveClick };
 };
 
-export const contact = (args: PassportProps) => {
+export const Contact = (args: PassportProps) => {
   const { active, anchorEl, handleButtonClick, handleCloseClick } = usePassportState();
 
   return (
@@ -94,7 +94,7 @@ export const contact = (args: PassportProps) => {
   );
 };
 
-export const company = (args: PassportProps) => {
+export const Company = (args: PassportProps) => {
   const { active, anchorEl, handleButtonClick, handleCloseClick } = usePassportState();
 
   return (
@@ -117,7 +117,7 @@ export const company = (args: PassportProps) => {
   );
 };
 
-export const empty = (args: PassportProps) => {
+export const Empty = (args: PassportProps) => {
   const { active, anchorEl, handleButtonClick, handleCloseClick } = usePassportState();
 
   return (
diff --git a/src/components/popover/Popover.tsx b/src/components/popover/Popover.tsx
index 6a402a055..acc6e97b3 100644
--- a/src/components/popover/Popover.tsx
+++ b/src/components/popover/Popover.tsx
@@ -97,6 +97,7 @@ const Popover: GenericComponent<PopoverProps> = (props) => {
     initialFocusRef: undefined,
   });
 
+  // eslint-disable-next-line react-hooks/exhaustive-deps
   const handleResize = () => {
     if (ref.current && anchorEl) {
       setPositioning(calculatePositions(anchorEl, ref.current, direction, position, offsetCorrection));
@@ -124,6 +125,7 @@ const Popover: GenericComponent<PopoverProps> = (props) => {
     if (active) {
       handleResize();
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [props]);
 
   const { left, top, maxHeight } = positioning;
diff --git a/src/components/popover/popover.stories.tsx b/src/components/popover/popover.stories.tsx
index 800256f31..7c6a56cb4 100644
--- a/src/components/popover/popover.stories.tsx
+++ b/src/components/popover/popover.stories.tsx
@@ -85,7 +85,7 @@ const usePopoverTrigger = () => {
   return [{ popoverActive, anchorEl }, triggerPopover, closePopover] as const;
 };
 
-export const basic: ComponentStory<typeof Popover> = (args) => {
+export const Basic: ComponentStory<typeof Popover> = (args) => {
   const [{ popoverActive, anchorEl }, handleButtonClick, handleCloseClick] = usePopoverTrigger();
 
   return (
@@ -104,10 +104,10 @@ export const basic: ComponentStory<typeof Popover> = (args) => {
   );
 };
 
-basic.args = defaultPopoverProps;
-basic.argTypes = popoverArgTypes;
+Basic.args = defaultPopoverProps;
+Basic.argTypes = popoverArgTypes;
 
-export const withTitle: ComponentStory<typeof Popover> = (args) => {
+export const WithTitle: ComponentStory<typeof Popover> = (args) => {
   const [{ popoverActive, anchorEl }, handleButtonClick, handleCloseClick] = usePopoverTrigger();
 
   return (
@@ -129,11 +129,11 @@ export const withTitle: ComponentStory<typeof Popover> = (args) => {
   );
 };
 
-withTitle.storyName = 'With title';
-withTitle.args = defaultPopoverProps;
-withTitle.argTypes = popoverArgTypes;
+WithTitle.storyName = 'With title';
+WithTitle.args = defaultPopoverProps;
+WithTitle.argTypes = popoverArgTypes;
 
-export const withTitleSubtitle: ComponentStory<typeof Popover> = (args) => {
+export const WithTitleSubtitle: ComponentStory<typeof Popover> = (args) => {
   const [{ popoverActive, anchorEl }, handleButtonClick, handleCloseClick] = usePopoverTrigger();
 
   return (
@@ -156,11 +156,11 @@ export const withTitleSubtitle: ComponentStory<typeof Popover> = (args) => {
   );
 };
 
-withTitleSubtitle.storyName = 'With title & subtitle';
-withTitleSubtitle.args = defaultPopoverProps;
-withTitleSubtitle.argTypes = popoverArgTypes;
+WithTitleSubtitle.storyName = 'With title & subtitle';
+WithTitleSubtitle.args = defaultPopoverProps;
+WithTitleSubtitle.argTypes = popoverArgTypes;
 
-export const withCloseButton: ComponentStory<typeof Popover> = (args) => {
+export const WithCloseButton: ComponentStory<typeof Popover> = (args) => {
   const [{ popoverActive, anchorEl }, handleButtonClick, handleCloseClick] = usePopoverTrigger();
 
   return (
@@ -182,11 +182,11 @@ export const withCloseButton: ComponentStory<typeof Popover> = (args) => {
   );
 };
 
-withCloseButton.storyName = 'With close button';
-withCloseButton.args = defaultPopoverProps;
-withCloseButton.argTypes = popoverArgTypes;
+WithCloseButton.storyName = 'With close button';
+WithCloseButton.args = defaultPopoverProps;
+WithCloseButton.argTypes = popoverArgTypes;
 
-export const withActions: ComponentStory<typeof Popover> = (args) => {
+export const WithActions: ComponentStory<typeof Popover> = (args) => {
   const [{ popoverActive, anchorEl }, handleButtonClick, handleCloseClick] = usePopoverTrigger();
 
   return (
@@ -209,11 +209,11 @@ export const withActions: ComponentStory<typeof Popover> = (args) => {
   );
 };
 
-withActions.storyName = 'With actions';
-withActions.args = defaultPopoverProps;
-withActions.argTypes = popoverArgTypes;
+WithActions.storyName = 'With actions';
+WithActions.args = defaultPopoverProps;
+WithActions.argTypes = popoverArgTypes;
 
-export const withMenu: ComponentStory<typeof Popover> = (args) => {
+export const WithMenu: ComponentStory<typeof Popover> = (args) => {
   const [{ popoverActive, anchorEl }, handleButtonClick, handleCloseClick] = usePopoverTrigger();
 
   return (
@@ -243,11 +243,11 @@ export const withMenu: ComponentStory<typeof Popover> = (args) => {
   );
 };
 
-withMenu.storyName = 'With menu';
-withMenu.args = defaultPopoverProps;
-withMenu.argTypes = popoverArgTypes;
+WithMenu.storyName = 'With menu';
+WithMenu.args = defaultPopoverProps;
+WithMenu.argTypes = popoverArgTypes;
 
-export const withSplitButtonMenu: ComponentStory<typeof Popover> = (args) => {
+export const WithSplitButtonMenu: ComponentStory<typeof Popover> = (args) => {
   const [buttonLevel, setButtonLevel] = useState('primary');
   const [buttonLabel, setButtonLabel] = useState('Primary action');
   const [anchorEl, setAnchorEl] = useState<Element | null>(null);
@@ -316,11 +316,11 @@ export const withSplitButtonMenu: ComponentStory<typeof Popover> = (args) => {
   );
 };
 
-withSplitButtonMenu.storyName = 'With split button menu';
-withSplitButtonMenu.args = defaultPopoverProps;
-withSplitButtonMenu.argTypes = popoverArgTypes;
+WithSplitButtonMenu.storyName = 'With split button menu';
+WithSplitButtonMenu.args = defaultPopoverProps;
+WithSplitButtonMenu.argTypes = popoverArgTypes;
 
-export const experiment1: ComponentStory<typeof Popover> = (args) => {
+export const Experiment1: ComponentStory<typeof Popover> = (args) => {
   const [{ popoverActive, anchorEl }, handleButtonClick, handleCloseClick] = usePopoverTrigger();
 
   return (
@@ -351,10 +351,10 @@ export const experiment1: ComponentStory<typeof Popover> = (args) => {
   );
 };
 
-experiment1.args = defaultPopoverProps;
-experiment1.argTypes = popoverArgTypes;
+Experiment1.args = defaultPopoverProps;
+Experiment1.argTypes = popoverArgTypes;
 
-export const experiment2: ComponentStory<typeof Popover> = (args) => {
+export const Experiment2: ComponentStory<typeof Popover> = (args) => {
   const [{ popoverActive, anchorEl }, handleButtonClick, handleCloseClick] = usePopoverTrigger();
 
   return (
@@ -389,5 +389,5 @@ export const experiment2: ComponentStory<typeof Popover> = (args) => {
   );
 };
 
-experiment2.args = defaultPopoverProps;
-experiment2.argTypes = popoverArgTypes;
+Experiment2.args = defaultPopoverProps;
+Experiment2.argTypes = popoverArgTypes;
diff --git a/src/components/popover/theme.css b/src/components/popover/theme.css
index 4c23a5740..2b3c6cdd6 100644
--- a/src/components/popover/theme.css
+++ b/src/components/popover/theme.css
@@ -44,364 +44,259 @@
 
 .neutral {
   &.lightest {
-    .popover {
-      box-shadow: 0 0 0 1px hsl(var(--color-neutral-lightest-hsl-h), var(--color-neutral-lightest-hsl-s), calc(var(--color-neutral-lightest-hsl-l) - 12%));
-    }
     .inner {
+      box-shadow: 0 0 0 1px var(--color-neutral);
       background-color: var(--color-neutral-lightest);
-      border-color: var(--color-neutral-lightest);
     }
   }
 
   &.light {
-    .popover {
-      box-shadow: 0 0 0 1px hsl(var(--color-neutral-light-hsl-h), var(--color-neutral-light-hsl-s), calc(var(--color-neutral-light-hsl-l) - 12%));
-    }
     .inner {
+      box-shadow: 0 0 0 1px hsl(var(--color-neutral-light-hsl-h), var(--color-neutral-light-hsl-s), calc(var(--color-neutral-light-hsl-l) - 12%));
       background-color: var(--color-neutral-light);
-      border-color: var(--color-neutral-light);
     }
   }
 
   &.normal {
-    .popover {
-      box-shadow: 0 0 0 1px hsl(var(--color-neutral-hsl-h), var(--color-neutral-hsl-s), calc(var(--color-neutral-hsl-l) - 12%));
-    }
     .inner {
+      box-shadow: 0 0 0 1px hsl(var(--color-neutral-hsl-h), var(--color-neutral-hsl-s), calc(var(--color-neutral-hsl-l) - 12%));
       background-color: var(--color-neutral);
-      border-color: var(--color-neutral);
     }
   }
 
   &.dark {
-    .popover {
-      box-shadow: 0 0 0 1px hsl(var(--color-neutral-dark-hsl-h), var(--color-neutral-dark-hsl-s), calc(var(--color-neutral-dark-hsl-l) - 12%));
-    }
     .inner {
+      box-shadow: 0 0 0 1px hsl(var(--color-neutral-dark-hsl-h), var(--color-neutral-dark-hsl-s), calc(var(--color-neutral-dark-hsl-l) - 12%));
       background-color: var(--color-neutral-dark);
-      border-color: var(--color-neutral-dark);
     }
   }
 
   &.darkest {
-    .popover {
-      box-shadow: 0 0 0 1px hsl(var(--color-neutral-darkest-hsl-h), var(--color-neutral-darkest-hsl-s), calc(var(--color-neutral-darkest-hsl-l) - 12%));
-    }
     .inner {
+      box-shadow: 0 0 0 1px hsl(var(--color-neutral-darkest-hsl-h), var(--color-neutral-darkest-hsl-s), calc(var(--color-neutral-darkest-hsl-l) - 12%));
       background-color: var(--color-neutral-darkest);
-      border-color: var(--color-neutral-darkest);
     }
   }
 }
 
 .teal {
   &.lightest {
-    .popover {
-      box-shadow: 0 0 0 1px hsl(var(--color-teal-lightest-hsl-h), var(--color-teal-lightest-hsl-s), calc(var(--color-teal-lightest-hsl-l) - 12%));
-    }
     .inner {
+      box-shadow: 0 0 0 1px hsl(var(--color-teal-lightest-hsl-h), var(--color-teal-lightest-hsl-s), calc(var(--color-teal-lightest-hsl-l) - 12%));
       background-color: var(--color-teal-lightest);
-      border-color: var(--color-teal-lightest);
     }
   }
 
   &.light {
-    .popover {
-      box-shadow: 0 0 0 1px hsl(var(--color-teal-light-hsl-h), var(--color-teal-light-hsl-s), calc(var(--color-teal-light-hsl-l) - 12%));
-    }
     .inner {
+      box-shadow: 0 0 0 1px hsl(var(--color-teal-light-hsl-h), var(--color-teal-light-hsl-s), calc(var(--color-teal-light-hsl-l) - 12%));
       background-color: var(--color-teal-light);
-      border-color: var(--color-teal-light);
     }
   }
 
   &.normal {
-    .popover {
-      box-shadow: 0 0 0 1px hsl(var(--color-teal-hsl-h), var(--color-teal-hsl-s), calc(var(--color-teal-hsl-l) - 12%));
-    }
     .inner {
+      box-shadow: 0 0 0 1px hsl(var(--color-teal-hsl-h), var(--color-teal-hsl-s), calc(var(--color-teal-hsl-l) - 12%));
       background-color: var(--color-teal);
-      border-color: var(--color-teal);
     }
   }
 
   &.dark {
-    .popover {
-      box-shadow: 0 0 0 1px hsl(var(--color-teal-dark-hsl-h), var(--color-teal-dark-hsl-s), calc(var(--color-teal-dark-hsl-l) - 12%));
-    }
     .inner {
+      box-shadow: 0 0 0 1px hsl(var(--color-teal-dark-hsl-h), var(--color-teal-dark-hsl-s), calc(var(--color-teal-dark-hsl-l) - 12%));
       background-color: var(--color-teal-dark);
-      border-color: var(--color-teal-dark);
     }
   }
 
   &.darkest {
-    .popover {
-      box-shadow: 0 0 0 1px hsl(var(--color-teal-darkest-hsl-h), var(--color-teal-darkest-hsl-s), calc(var(--color-teal-darkest-hsl-l) - 12%));
-    }
     .inner {
+      box-shadow: 0 0 0 1px hsl(var(--color-teal-darkest-hsl-h), var(--color-teal-darkest-hsl-s), calc(var(--color-teal-darkest-hsl-l) - 12%));
       background-color: var(--color-teal-darkest);
-      border-color: var(--color-teal-darkest);
     }
   }
 }
 
 .mint {
   &.lightest {
-    .popover {
-      box-shadow: 0 0 0 1px hsl(var(--color-mint-lightest-hsl-h), var(--color-mint-lightest-hsl-s), calc(var(--color-mint-lightest-hsl-l) - 12%));
-    }
     .inner {
+      box-shadow: 0 0 0 1px hsl(var(--color-mint-lightest-hsl-h), var(--color-mint-lightest-hsl-s), calc(var(--color-mint-lightest-hsl-l) - 12%));
       background-color: var(--color-mint-lightest);
-      border-color: var(--color-mint-lightest);
     }
   }
 
   &.light {
-    .popover {
-      box-shadow: 0 0 0 1px hsl(var(--color-mint-light-hsl-h), var(--color-mint-light-hsl-s), calc(var(--color-mint-light-hsl-l) - 12%));
-    }
     .inner {
+      box-shadow: 0 0 0 1px hsl(var(--color-mint-light-hsl-h), var(--color-mint-light-hsl-s), calc(var(--color-mint-light-hsl-l) - 12%));
       background-color: var(--color-mint-light);
-      border-color: var(--color-mint-light);
     }
   }
 
   &.normal {
-    .popover {
-      box-shadow: 0 0 0 1px hsl(var(--color-mint-hsl-h), var(--color-mint-hsl-s), calc(var(--color-mint-hsl-l) - 12%));
-    }
     .inner {
+      box-shadow: 0 0 0 1px hsl(var(--color-mint-hsl-h), var(--color-mint-hsl-s), calc(var(--color-mint-hsl-l) - 12%));
       background-color: var(--color-mint);
-      border-color: var(--color-mint);
     }
   }
 
   &.dark {
-    .popover {
-      box-shadow: 0 0 0 1px hsl(var(--color-mint-dark-hsl-h), var(--color-mint-dark-hsl-s), calc(var(--color-mint-dark-hsl-l) - 12%));
-    }
     .inner {
+      box-shadow: 0 0 0 1px hsl(var(--color-mint-dark-hsl-h), var(--color-mint-dark-hsl-s), calc(var(--color-mint-dark-hsl-l) - 12%));
       background-color: var(--color-mint-dark);
-      border-color: var(--color-mint-dark);
     }
   }
 
   &.darkest {
-    .popover {
-      box-shadow: 0 0 0 1px hsl(var(--color-mint-darkest-hsl-h), var(--color-mint-darkest-hsl-s), calc(var(--color-mint-darkest-hsl-l) - 12%));
-    }
     .inner {
+      box-shadow: 0 0 0 1px hsl(var(--color-mint-darkest-hsl-h), var(--color-mint-darkest-hsl-s), calc(var(--color-mint-darkest-hsl-l) - 12%));
       background-color: var(--color-mint-darkest);
-      border-color: var(--color-mint-darkest);
     }
   }
 }
 
 .ruby {
   &.lightest {
-    .popover {
-      box-shadow: 0 0 0 1px hsl(var(--color-ruby-lightest-hsl-h), var(--color-ruby-lightest-hsl-s), calc(var(--color-ruby-lightest-hsl-l) - 12%));
-    }
     .inner {
+      box-shadow: 0 0 0 1px hsl(var(--color-ruby-lightest-hsl-h), var(--color-ruby-lightest-hsl-s), calc(var(--color-ruby-lightest-hsl-l) - 12%));
       background-color: var(--color-ruby-lightest);
-      border-color: var(--color-ruby-lightest);
     }
   }
 
   &.light {
-    .popover {
-      box-shadow: 0 0 0 1px hsl(var(--color-ruby-light-hsl-h), var(--color-ruby-light-hsl-s), calc(var(--color-ruby-light-hsl-l) - 12%));
-    }
     .inner {
+      box-shadow: 0 0 0 1px hsl(var(--color-ruby-light-hsl-h), var(--color-ruby-light-hsl-s), calc(var(--color-ruby-light-hsl-l) - 12%));
       background-color: var(--color-ruby-light);
-      border-color: var(--color-ruby-light);
     }
   }
 
   &.normal {
-    .popover {
-      box-shadow: 0 0 0 1px hsl(var(--color-ruby-hsl-h), var(--color-ruby-hsl-s), calc(var(--color-ruby-hsl-l) - 12%));
-    }
     .inner {
+      box-shadow: 0 0 0 1px hsl(var(--color-ruby-hsl-h), var(--color-ruby-hsl-s), calc(var(--color-ruby-hsl-l) - 12%));
       background-color: var(--color-ruby);
-      border-color: var(--color-ruby);
     }
   }
 
   &.dark {
-    .popover {
-      box-shadow: 0 0 0 1px hsl(var(--color-ruby-dark-hsl-h), var(--color-ruby-dark-hsl-s), calc(var(--color-ruby-dark-hsl-l) - 12%));
-    }
     .inner {
+      box-shadow: 0 0 0 1px hsl(var(--color-ruby-dark-hsl-h), var(--color-ruby-dark-hsl-s), calc(var(--color-ruby-dark-hsl-l) - 12%));
       background-color: var(--color-ruby-dark);
-      border-color: var(--color-ruby-dark);
     }
   }
 
   &.darkest {
-    .popover {
-      box-shadow: 0 0 0 1px hsl(var(--color-ruby-darkest-hsl-h), var(--color-ruby-darkest-hsl-s), calc(var(--color-ruby-darkest-hsl-l) - 12%));
-    }
     .inner {
+      box-shadow: 0 0 0 1px hsl(var(--color-ruby-darkest-hsl-h), var(--color-ruby-darkest-hsl-s), calc(var(--color-ruby-darkest-hsl-l) - 12%));
       background-color: var(--color-ruby-darkest);
-      border-color: var(--color-ruby-darkest);
     }
   }
 }
 
 .aqua {
   &.lightest {
-    .popover {
-      box-shadow: 0 0 0 1px hsl(var(--color-aqua-lightest-hsl-h), var(--color-aqua-lightest-hsl-s), calc(var(--color-aqua-lightest-hsl-l) - 12%));
-    }
     .inner {
+      box-shadow: 0 0 0 1px hsl(var(--color-aqua-lightest-hsl-h), var(--color-aqua-lightest-hsl-s), calc(var(--color-aqua-lightest-hsl-l) - 12%));
       background-color: var(--color-aqua-lightest);
-      border-color: var(--color-aqua-lightest);
     }
   }
 
   &.light {
-    .popover {
-      box-shadow: 0 0 0 1px hsl(var(--color-aqua-light-hsl-h), var(--color-aqua-light-hsl-s), calc(var(--color-aqua-light-hsl-l) - 12%));
-    }
     .inner {
+      box-shadow: 0 0 0 1px hsl(var(--color-aqua-light-hsl-h), var(--color-aqua-light-hsl-s), calc(var(--color-aqua-light-hsl-l) - 12%));
       background-color: var(--color-aqua-light);
-      border-color: var(--color-aqua-light);
     }
   }
 
   &.normal {
-    .popover {
-      box-shadow: 0 0 0 1px hsl(var(--color-aqua-hsl-h), var(--color-aqua-hsl-s), calc(var(--color-aqua-hsl-l) - 12%));
-    }
     .inner {
+      box-shadow: 0 0 0 1px hsl(var(--color-aqua-hsl-h), var(--color-aqua-hsl-s), calc(var(--color-aqua-hsl-l) - 12%));
       background-color: var(--color-aqua);
-      border-color: var(--color-aqua);
     }
   }
 
   &.dark {
-    .popover {
-      box-shadow: 0 0 0 1px hsl(var(--color-aqua-dark-hsl-h), var(--color-aqua-dark-hsl-s), calc(var(--color-aqua-dark-hsl-l) - 12%));
-    }
     .inner {
+      box-shadow: 0 0 0 1px hsl(var(--color-aqua-dark-hsl-h), var(--color-aqua-dark-hsl-s), calc(var(--color-aqua-dark-hsl-l) - 12%));
       background-color: var(--color-aqua-dark);
-      border-color: var(--color-aqua-dark);
     }
   }
 
   &.darkest {
-    .popover {
-      box-shadow: 0 0 0 1px hsl(var(--color-aqua-darkest-hsl-h), var(--color-aqua-darkest-hsl-s), calc(var(--color-aqua-darkest-hsl-l) - 12%));
-    }
     .inner {
+      box-shadow: 0 0 0 1px hsl(var(--color-aqua-darkest-hsl-h), var(--color-aqua-darkest-hsl-s), calc(var(--color-aqua-darkest-hsl-l) - 12%));
       background-color: var(--color-aqua-darkest);
-      border-color: var(--color-aqua-darkest);
     }
   }
 }
 
 .violet {
   &.lightest {
-    .popover {
-      box-shadow: 0 0 0 1px hsl(var(--color-violet-lightest-hsl-h), var(--color-violet-lightest-hsl-s), calc(var(--color-violet-lightest-hsl-l) - 12%));
-    }
     .inner {
+      box-shadow: 0 0 0 1px hsl(var(--color-violet-lightest-hsl-h), var(--color-violet-lightest-hsl-s), calc(var(--color-violet-lightest-hsl-l) - 12%));
       background-color: var(--color-violet-lightest);
-      border-color: var(--color-violet-lightest);
     }
   }
 
   &.light {
-    .popover {
-      box-shadow: 0 0 0 1px hsl(var(--color-violet-light-hsl-h), var(--color-violet-light-hsl-s), calc(var(--color-violet-light-hsl-l) - 12%));
-    }
     .inner {
+      box-shadow: 0 0 0 1px hsl(var(--color-violet-light-hsl-h), var(--color-violet-light-hsl-s), calc(var(--color-violet-light-hsl-l) - 12%));
       background-color: var(--color-violet-light);
-      border-color: var(--color-violet-light);
     }
   }
 
   &.normal {
-    .popover {
-      box-shadow: 0 0 0 1px hsl(var(--color-violet-hsl-h), var(--color-violet-hsl-s), calc(var(--color-violet-hsl-l) - 12%));
-    }
     .inner {
+      box-shadow: 0 0 0 1px hsl(var(--color-violet-hsl-h), var(--color-violet-hsl-s), calc(var(--color-violet-hsl-l) - 12%));
       background-color: var(--color-violet);
-      border-color: var(--color-violet);
     }
   }
 
   &.dark {
-    .popover {
-      box-shadow: 0 0 0 1px hsl(var(--color-violet-dark-hsl-h), var(--color-violet-dark-hsl-s), calc(var(--color-violet-dark-hsl-l) - 12%));
-    }
     .inner {
+      box-shadow: 0 0 0 1px hsl(var(--color-violet-dark-hsl-h), var(--color-violet-dark-hsl-s), calc(var(--color-violet-dark-hsl-l) - 12%));
       background-color: var(--color-violet-dark);
-      border-color: var(--color-violet-dark);
     }
   }
 
   &.darkest {
-    .popover {
-      box-shadow: 0 0 0 1px hsl(var(--color-violet-darkest-hsl-h), var(--color-violet-darkest-hsl-s), calc(var(--color-violet-darkest-hsl-l) - 12%));
-    }
     .inner {
+      box-shadow: 0 0 0 1px hsl(var(--color-violet-darkest-hsl-h), var(--color-violet-darkest-hsl-s), calc(var(--color-violet-darkest-hsl-l) - 12%));
       background-color: var(--color-violet-darkest);
-      border-color: var(--color-violet-darkest);
     }
   }
 }
 
 .gold {
   &.lightest {
-    .popover {
-      box-shadow: 0 0 0 1px hsl(var(--color-gold-lightest-hsl-h), var(--color-gold-lightest-hsl-s), calc(var(--color-gold-lightest-hsl-l) - 12%));
-    }
     .inner {
+      box-shadow: 0 0 0 1px hsl(var(--color-gold-lightest-hsl-h), var(--color-gold-lightest-hsl-s), calc(var(--color-gold-lightest-hsl-l) - 12%));
       background-color: var(--color-gold-lightest);
-      border-color: var(--color-gold-lightest);
     }
   }
 
   &.light {
-    .popover {
-      box-shadow: 0 0 0 1px hsl(var(--color-gold-light-hsl-h), var(--color-gold-light-hsl-s), calc(var(--color-gold-light-hsl-l) - 12%));
-    }
     .inner {
+      box-shadow: 0 0 0 1px hsl(var(--color-gold-light-hsl-h), var(--color-gold-light-hsl-s), calc(var(--color-gold-light-hsl-l) - 12%));
       background-color: var(--color-gold-light);
-      border-color: var(--color-gold-light);
     }
   }
 
   &.normal {
-    .popover {
-      box-shadow: 0 0 0 1px hsl(var(--color-gold-hsl-h), var(--color-gold-hsl-s), calc(var(--color-gold-hsl-l) - 12%));
-    }
     .inner {
+      box-shadow: 0 0 0 1px hsl(var(--color-gold-hsl-h), var(--color-gold-hsl-s), calc(var(--color-gold-hsl-l) - 12%));
       background-color: var(--color-gold);
-      border-color: var(--color-gold);
     }
   }
 
   &.dark {
-    .popover {
-      box-shadow: 0 0 0 1px hsl(var(--color-gold-dark-hsl-h), var(--color-gold-dark-hsl-s), calc(var(--color-gold-dark-hsl-l) - 12%));
-    }
     .inner {
+      box-shadow: 0 0 0 1px hsl(var(--color-gold-dark-hsl-h), var(--color-gold-dark-hsl-s), calc(var(--color-gold-dark-hsl-l) - 12%));
       background-color: var(--color-gold-dark);
-      border-color: var(--color-gold-dark);
     }
   }
 
   &.darkest {
-    .popover {
-      box-shadow: 0 0 0 1px hsl(var(--color-gold-darkest-hsl-h), var(--color-gold-darkest-hsl-s), calc(var(--color-gold-darkest-hsl-l) - 12%));
-    }
     .inner {
+      box-shadow: 0 0 0 1px hsl(var(--color-gold-darkest-hsl-h), var(--color-gold-darkest-hsl-s), calc(var(--color-gold-darkest-hsl-l) - 12%));
       background-color: var(--color-gold-darkest);
-      border-color: var(--color-gold-darkest);
     }
   }
 }
diff --git a/src/components/select/AsyncSelect.tsx b/src/components/select/AsyncSelect.tsx
index 578573c8c..2602c2b30 100644
--- a/src/components/select/AsyncSelect.tsx
+++ b/src/components/select/AsyncSelect.tsx
@@ -134,6 +134,7 @@ const AsyncSelect = <Option extends OptionType, IsMulti extends boolean = false,
       pageNumber: DEFAULT_PAGE_NUMBER,
     }));
     fetchOptions(state.searchTerm, DEFAULT_PAGE_NUMBER, true);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [pageSize, loadOptions]);
 
   const { isLoading, options } = state;
diff --git a/src/components/select/select.stories.tsx b/src/components/select/select.stories.tsx
index c53fcda42..79e66ef9b 100644
--- a/src/components/select/select.stories.tsx
+++ b/src/components/select/select.stories.tsx
@@ -91,25 +91,25 @@ basic.args = {
   inverse: false,
 };
 
-export const grouped: ComponentStory<typeof Select> = () => {
+export const Grouped: ComponentStory<typeof Select> = () => {
   const [value, setValue] = useState<Option | null>(null);
   const handleChange = (option: Option) => setValue(option);
   return <Select value={value} options={groupedOptions} onChange={handleChange} />;
 };
 
-export const groupedWithoutLabels: ComponentStory<typeof Select> = () => {
+export const GroupedWithoutLabels: ComponentStory<typeof Select> = () => {
   const [value, setValue] = useState<Option | null>(null);
   const handleChange = (option: Option) => setValue(option);
   return <Select value={value} options={groupedOptionsWithoutLabels} onChange={handleChange} />;
 };
 
-export const customOption: ComponentStory<typeof Select> = () => {
+export const CustomOptionSelect: ComponentStory<typeof Select> = () => {
   const [value, setValue] = useState<Option | null>(null);
   const handleChange = (option: Option) => setValue(option);
   return <Select value={value} components={{ Option: CustomOption }} options={customOptions} onChange={handleChange} />;
 };
 
-export const async: ComponentStory<typeof AsyncSelect> = () => {
+export const Async: ComponentStory<typeof AsyncSelect> = () => {
   const [value, setValue] = useState<Option | null>(null);
   const handleChange = (option: Option) => setValue(option);
   return (
diff --git a/src/components/tab/TabGroup.tsx b/src/components/tab/TabGroup.tsx
index ba674c58f..cf18fcae7 100644
--- a/src/components/tab/TabGroup.tsx
+++ b/src/components/tab/TabGroup.tsx
@@ -24,9 +24,12 @@ const TabGroup: GenericComponent<TabGroupProps> = ({ children, className, size,
   const activeTabRef = useRef<HTMLElement>(null);
   const [canScrollLeft, setCanScrollLeft] = useState(false);
   const [canScrollRight, setCanScrollRight] = useState(false);
+
+  const scrollContainerElement = scrollContainerRef.current;
+
   const checkForScrollPosition = () => {
-    if (scrollContainerRef.current) {
-      const { scrollLeft, scrollWidth, clientWidth } = scrollContainerRef.current;
+    if (scrollContainerElement) {
+      const { scrollLeft, scrollWidth, clientWidth } = scrollContainerElement;
 
       setCanScrollLeft(scrollLeft > 0);
       setCanScrollRight(scrollLeft < scrollWidth - clientWidth);
@@ -36,7 +39,7 @@ const TabGroup: GenericComponent<TabGroupProps> = ({ children, className, size,
   const scrollToActiveTab = () => {
     if (activeTabRef.current) {
       const { offsetLeft } = activeTabRef.current;
-      scrollContainerRef.current?.scrollTo({ left: offsetLeft - SCROLL_BUTTON_WIDTH });
+      scrollContainerElement?.scrollTo({ left: offsetLeft - SCROLL_BUTTON_WIDTH });
     }
   };
   const handleResize = () => {
@@ -49,12 +52,14 @@ const TabGroup: GenericComponent<TabGroupProps> = ({ children, className, size,
   };
 
   const scrollContainerBy = (distance: number) => {
-    scrollContainerRef.current?.scrollBy({ left: distance, behavior: 'smooth' });
+    scrollContainerElement?.scrollBy({ left: distance, behavior: 'smooth' });
   };
+
   useEffect(() => {
     smoothScroll.polyfill();
-    scrollContainerRef.current?.addEventListener('scroll', handleScroll);
-    return () => scrollContainerRef.current?.removeEventListener('scroll', handleScroll);
+    scrollContainerElement?.addEventListener('scroll', handleScroll);
+    return () => scrollContainerElement?.removeEventListener('scroll', handleScroll);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
   const classNames = cx(theme['tab-group'], className);
diff --git a/src/components/toast/Toast.tsx b/src/components/toast/Toast.tsx
index 96782032a..ed0aa3017 100644
--- a/src/components/toast/Toast.tsx
+++ b/src/components/toast/Toast.tsx
@@ -114,7 +114,9 @@ const Toast: GenericComponent<ToastProps> = ({
     return () => {
       clearCurrentTimeout();
     };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [timeout]);
+
   const classNames = cx(uiUtilities['reset-box-sizing'], uiUtilities['box-shadow-400'], theme['toast'], className);
 
   return (
diff --git a/src/components/toggle/Toggle.tsx b/src/components/toggle/Toggle.tsx
index 6b2f89473..4f2547e5b 100644
--- a/src/components/toggle/Toggle.tsx
+++ b/src/components/toggle/Toggle.tsx
@@ -25,6 +25,8 @@ export interface ToggleProps
   label?: ReactNode;
   onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
   size?: Exclude<typeof SIZES[number], 'tiny' | 'fullscreen' | 'smallest' | 'hero'>;
+  labelPosition?: 'left' | 'right';
+  fullWidth?: boolean;
 }
 
 const Toggle: GenericComponent<ToggleProps> = ({
@@ -38,6 +40,8 @@ const Toggle: GenericComponent<ToggleProps> = ({
   size = 'medium',
   tooltip,
   tooltipPosition,
+  labelPosition = 'right',
+  fullWidth = false,
   ...others
 }) => {
   const ref = useRef<HTMLInputElement>(null);
@@ -55,6 +59,8 @@ const Toggle: GenericComponent<ToggleProps> = ({
     {
       [theme['is-checked']]: checked,
       [theme['is-disabled']]: disabled,
+      [theme['label-on-left']]: labelPosition === 'left',
+      [theme['is-full-width']]: fullWidth,
     },
     className,
   );
diff --git a/src/components/toggle/theme.css b/src/components/toggle/theme.css
index 6f410e757..a2b657780 100644
--- a/src/components/toggle/theme.css
+++ b/src/components/toggle/theme.css
@@ -29,10 +29,11 @@
     overflow: hidden;
     opacity: 0;
     margin: 0;
+    position: absolute;
   }
 
   .label {
-    margin-left: var(--spacer-small);
+    margin: 0 0 0 var(--spacer-small);
     display: flex;
   }
 
@@ -112,6 +113,18 @@
     }
   }
 
+  &.label-on-left {
+    flex-direction: row-reverse;
+    .label {
+      margin: 0 var(--spacer-small) 0 0;
+    }
+  }
+
+  &.is-full-width {
+    justify-content: space-between;
+    width: 100%;
+  }
+
   input:focus-visible + .track {
     border-color: var(--color-neutral-darkest);
     box-shadow: 0 0 0 1px var(--color-neutral-darkest);
diff --git a/src/components/toggle/toggle.stories.tsx b/src/components/toggle/toggle.stories.tsx
index e8737ac55..997d4fbff 100644
--- a/src/components/toggle/toggle.stories.tsx
+++ b/src/components/toggle/toggle.stories.tsx
@@ -38,7 +38,7 @@ DefaultStory.argTypes = {
   labelTooltip: { control: 'text' },
 };
 
-export const withTooltip = () => {
+export const WithTooltip = () => {
   const [checked, setChecked] = useState(false);
 
   const handleChange = (event: ChangeEvent<HTMLInputElement>) => {
@@ -48,7 +48,7 @@ export const withTooltip = () => {
   return <Toggle label={LABEL} tooltip={LABEL_TOOLTIP} checked={checked} onChange={handleChange} />;
 };
 
-export const withTooltipRight = () => {
+export const WithTooltipRight = () => {
   const [checked, setChecked] = useState(false);
 
   const handleChange = (event: ChangeEvent<HTMLInputElement>) => {
@@ -64,7 +64,7 @@ export const disabled = () => {
   return <Toggle label={LABEL} disabled checked={false} />;
 };
 
-export const small = () => {
+export const Small = () => {
   const [checked, setChecked] = useState(false);
 
   const handleChange = (event: ChangeEvent<HTMLInputElement>) => {
@@ -73,7 +73,7 @@ export const small = () => {
   return <Toggle label={LABEL} maxLines={1} checked={checked} onChange={handleChange} size="small" />;
 };
 
-export const medium = () => {
+export const Medium = () => {
   const [checked, setChecked] = useState(false);
 
   const handleChange = (event: ChangeEvent<HTMLInputElement>) => {
@@ -82,7 +82,7 @@ export const medium = () => {
   return <Toggle label={LABEL} maxLines={1} checked={checked} onChange={handleChange} size="medium" />;
 };
 
-export const large = () => {
+export const Large = () => {
   const [checked, setChecked] = useState(false);
 
   const handleChange = (event: ChangeEvent<HTMLInputElement>) => {
diff --git a/src/components/tooltip/Tooltip.tsx b/src/components/tooltip/Tooltip.tsx
index aff840ebd..a686c5bff 100644
--- a/src/components/tooltip/Tooltip.tsx
+++ b/src/components/tooltip/Tooltip.tsx
@@ -87,6 +87,7 @@ const TooltippedComponent: GenericComponent<TooltippedComponentProps> = ({
   ComposedComponent,
   ...other
 }) => {
+  // eslint-disable-next-line react-hooks/exhaustive-deps
   const tooltipRoot = useMemo(() => documentObject.createElement('div'), []);
   const ref = useRef(null);
   const [active, setActive] = useState(false);
@@ -200,6 +201,7 @@ const TooltippedComponent: GenericComponent<TooltippedComponentProps> = ({
     if (!tooltipActive && active) {
       setActive(false);
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [tooltipActive]);
 
   const rest = omit(other, [
diff --git a/src/components/wysiwygEditor/LinkOptions.tsx b/src/components/wysiwygEditor/LinkOptions.tsx
index c2c8a84d7..966ce5722 100644
--- a/src/components/wysiwygEditor/LinkOptions.tsx
+++ b/src/components/wysiwygEditor/LinkOptions.tsx
@@ -44,6 +44,7 @@ const LinkOptions: GenericComponent<LinkOptionsProps> = ({
   useEffect(() => {
     setTextValue(link?.title || selectionText);
     setLinkValue(link?.target);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [link?.target, selectionText]);
 
   const focusEditor = () => {
diff --git a/src/components/wysiwygEditor/WysiwygEditor.tsx b/src/components/wysiwygEditor/WysiwygEditor.tsx
index 2664dd168..46014bcf4 100644
--- a/src/components/wysiwygEditor/WysiwygEditor.tsx
+++ b/src/components/wysiwygEditor/WysiwygEditor.tsx
@@ -107,6 +107,7 @@ const WysiwygEditor: GenericComponent<WysiwygEditorProps> = ({
   const [isFocused, setIsFocused] = useState(false);
   const [isPlaceholderShown, setIsPlaceholderShown] = useState(true);
   const editorRef = useRef<EditorType>(null);
+  const editorElement = editorRef.current;
 
   useEffect(() => {
     if (autoFocus) {
@@ -115,20 +116,21 @@ const WysiwygEditor: GenericComponent<WysiwygEditorProps> = ({
   }, [autoFocus]);
 
   useEffect(() => {
-    if (!onKeyDown || !editorRef?.current?.wrapper) {
+    if (!onKeyDown || !editorElement?.wrapper) {
       return;
     }
 
     const handleKeyDown = (event: React.KeyboardEvent) => onKeyDown(event);
 
-    editorRef.current.wrapper.addEventListener('keydown', handleKeyDown);
+    editorElement.wrapper.addEventListener('keydown', handleKeyDown);
 
     return () => {
-      if (!onKeyDown || !editorRef?.current?.wrapper) {
+      if (!onKeyDown || !editorElement?.wrapper) {
         return;
       }
-      editorRef.current.wrapper.removeEventListener('keydown', handleKeyDown);
+      editorElement.wrapper.removeEventListener('keydown', handleKeyDown);
     };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
   const handleBlur = (event: React.FocusEvent<any, any>) => {
diff --git a/yarn.lock b/yarn.lock
index f0a5dd5c0..bc8758099 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -23,9 +23,9 @@
     grapheme-splitter "^1.0.4"
 
 "@babel/cli@^7.16.7":
-  version "7.21.0"
-  resolved "https://registry.yarnpkg.com/@babel/cli/-/cli-7.21.0.tgz#1868eb70e9824b427fc607610cce8e9e7889e7e1"
-  integrity sha512-xi7CxyS8XjSyiwUGCfwf+brtJxjW1/ZTcBUkP10xawIEXLX5HzLn+3aXkgxozcP2UhRhtKTmQurw9Uaes7jZrA==
+  version "7.22.6"
+  resolved "https://registry.yarnpkg.com/@babel/cli/-/cli-7.22.6.tgz#63f5be2a0abd587ccfbdc93424fa85f43142cc53"
+  integrity sha512-Be3/RfEDmkMRGT1+ru5nTkfcvWz5jDOYg1V9rXqTz2u9Qt96O1ryboGvxVBp7wOnYWDB8DNHIWb6DThrpudfOw==
   dependencies:
     "@jridgewell/trace-mapping" "^0.3.17"
     commander "^4.0.1"
@@ -1394,29 +1394,39 @@
   resolved "https://registry.yarnpkg.com/@csstools/cascade-layer-name-parser/-/cascade-layer-name-parser-1.0.2.tgz#35253f57c6c83d684fe396672486c644e6a84127"
   integrity sha512-xm7Mgwej/wBfLoK0K5LfntmPJzoULayl1XZY9JYgQgT29JiqNw++sLnx95u5y9zCihblzkyaRYJrsRMhIBzRdg==
 
-"@csstools/color-helpers@^2.0.0":
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/@csstools/color-helpers/-/color-helpers-2.0.0.tgz#4ac578cb00b4e853b94f2250267d85ba957c4fc9"
-  integrity sha512-VcPjEnp07RNgz/D+oI2uIALg+IPCSl6mj0XhA3pl3F2bM2B95vgzatExmmzSg/X0zkh+R2v+jFY/J2pV/bnwpw==
+"@csstools/cascade-layer-name-parser@^1.0.3":
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/@csstools/cascade-layer-name-parser/-/cascade-layer-name-parser-1.0.3.tgz#7f049a670c1e071102243ab6c392174844ca6cd7"
+  integrity sha512-ks9ysPP8012j90EQCCFtDsQIXOTCOpTQFIyyoRku06y8CXtUQ+8bXI8KVm9Q9ovwDUVthWuWKZWJD3u1rwnEfw==
 
-"@csstools/css-calc@^1.1.1":
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/@csstools/css-calc/-/css-calc-1.1.1.tgz#c622728b7f0c9aae70952623c2b0d3d114752987"
-  integrity sha512-Nh+iLCtjlooTzuR0lpmB8I6hPX/VupcGQ3Z1U2+wgJJ4fa8+cWkub+lCsbZcYPzBGsZLEL8fQAg+Na5dwEFJxg==
+"@csstools/color-helpers@^3.0.0":
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/@csstools/color-helpers/-/color-helpers-3.0.0.tgz#b64a9d86663b6d843b169f5da300f78c0242efc2"
+  integrity sha512-rBODd1rY01QcenD34QxbQxLc1g+Uh7z1X/uzTHNQzJUnFCT9/EZYI7KWq+j0YfWMXJsRJ8lVkqBcB0R/qLr+yg==
 
-"@csstools/css-color-parser@^1.1.2":
+"@csstools/css-calc@^1.1.2":
   version "1.1.2"
-  resolved "https://registry.yarnpkg.com/@csstools/css-color-parser/-/css-color-parser-1.1.2.tgz#e5956c0fe9c30d9f228b0e37173ff61f0dd89dad"
-  integrity sha512-MjW/VspbFSkvbuou7tUUu2+FAlAR7VJ/PA69M9EGKltThbONC8nyW33wHRzNvLzRLGstZLEO5X5oR7IMhMDi0A==
+  resolved "https://registry.yarnpkg.com/@csstools/css-calc/-/css-calc-1.1.2.tgz#bf2c376bbb9a43de4851a7efcde1818d18e0fe7d"
+  integrity sha512-qzBPhzWz4tUNk2tM1fk6tOSGaWlrhmH66w6WyUDoB+2Pj7pxvu6mlvXVwOGODGJBIF158aPWPheVQgcoBTszkg==
+
+"@csstools/css-color-parser@^1.2.0", "@csstools/css-color-parser@^1.2.2":
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/@csstools/css-color-parser/-/css-color-parser-1.2.2.tgz#730e69eb72efdcfd644f8b14fcdb816b69a4c290"
+  integrity sha512-okEA/PWwtUn/7Koy0QoDs85jGOO0293kDyYdVoLgpwt2QmMJECYZotxVjRZ5SdReVGPwecUyeHeViw1uLewcpA==
   dependencies:
-    "@csstools/color-helpers" "^2.0.0"
-    "@csstools/css-calc" "^1.1.1"
+    "@csstools/color-helpers" "^3.0.0"
+    "@csstools/css-calc" "^1.1.2"
 
 "@csstools/css-parser-algorithms@^2.1.1":
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/@csstools/css-parser-algorithms/-/css-parser-algorithms-2.1.1.tgz#7b62e6412a468a2d1096ed267edd1e4a7fd4a119"
   integrity sha512-viRnRh02AgO4mwIQb2xQNJju0i+Fh9roNgmbR5xEuG7J3TGgxjnE95HnBLgsFJOJOksvcfxOUCgODcft6Y07cA==
 
+"@csstools/css-parser-algorithms@^2.3.0":
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/@csstools/css-parser-algorithms/-/css-parser-algorithms-2.3.0.tgz#0cc3a656dc2d638370ecf6f98358973bfbd00141"
+  integrity sha512-dTKSIHHWc0zPvcS5cqGP+/TPFUJB0ekJ9dGKvMAFoNuBFhDPBt9OMGNZiIA5vTiNdGHHBeScYPXIGBMnVOahsA==
+
 "@csstools/css-tokenizer@^2.1.1":
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/@csstools/css-tokenizer/-/css-tokenizer-2.1.1.tgz#07ae11a0a06365d7ec686549db7b729bc036528e"
@@ -1427,38 +1437,43 @@
   resolved "https://registry.yarnpkg.com/@csstools/media-query-list-parser/-/media-query-list-parser-2.0.4.tgz#466bd254041530dfd1e88bcb1921e8ca4af75b6a"
   integrity sha512-GyYot6jHgcSDZZ+tLSnrzkR7aJhF2ZW6d+CXH66mjy5WpAQhZD4HDke2OQ36SivGRWlZJpAz7TzbW6OKlEpxAA==
 
-"@csstools/postcss-cascade-layers@^3.0.1":
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-cascade-layers/-/postcss-cascade-layers-3.0.1.tgz#d839386e90428b448e3f75276bc01d516e852a0d"
-  integrity sha512-dD8W98dOYNOH/yX4V4HXOhfCOnvVAg8TtsL+qCGNoKXuq5z2C/d026wGWgySgC8cajXXo/wNezS31Glj5GcqrA==
+"@csstools/media-query-list-parser@^2.1.2":
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/@csstools/media-query-list-parser/-/media-query-list-parser-2.1.2.tgz#6ef642b728d30c1009bfbba3211c7e4c11302728"
+  integrity sha512-M8cFGGwl866o6++vIY7j1AKuq9v57cf+dGepScwCcbut9ypJNr4Cj+LLTWligYUZ0uyhEoJDKt5lvyBfh2L3ZQ==
+
+"@csstools/postcss-cascade-layers@^4.0.0":
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-cascade-layers/-/postcss-cascade-layers-4.0.0.tgz#21f8556de640f9f9ccfb950c49a886280fe5497e"
+  integrity sha512-dVPVVqQG0FixjM9CG/+8eHTsCAxRKqmNh6H69IpruolPlnEF1611f2AoLK8TijTSAsqBSclKd4WHs1KUb/LdJw==
   dependencies:
-    "@csstools/selector-specificity" "^2.0.2"
-    postcss-selector-parser "^6.0.10"
+    "@csstools/selector-specificity" "^3.0.0"
+    postcss-selector-parser "^6.0.13"
 
-"@csstools/postcss-color-function@^2.2.1":
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-color-function/-/postcss-color-function-2.2.1.tgz#fa28cc742c29ae63dbe0812dd9a03998a67dd318"
-  integrity sha512-T52iiqmzyKk09B9iNTQbuWa9Tn83SztXY7o6r2+j+o1BS/7+CiCjTgN2HgzybDmx8cr6XYhQ1BzqgV9tJzhrmw==
+"@csstools/postcss-color-function@^2.2.3":
+  version "2.2.3"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-color-function/-/postcss-color-function-2.2.3.tgz#c15546c3cc6041293024cdaa7d7998a340f88c39"
+  integrity sha512-b1ptNkr1UWP96EEHqKBWWaV5m/0hgYGctgA/RVZhONeP1L3T/8hwoqDm9bB23yVCfOgE9U93KI9j06+pEkJTvw==
   dependencies:
-    "@csstools/css-color-parser" "^1.1.2"
+    "@csstools/css-color-parser" "^1.2.0"
     "@csstools/css-parser-algorithms" "^2.1.1"
     "@csstools/css-tokenizer" "^2.1.1"
-    "@csstools/postcss-progressive-custom-properties" "^2.0.0"
+    "@csstools/postcss-progressive-custom-properties" "^2.3.0"
 
-"@csstools/postcss-color-mix-function@^1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-color-mix-function/-/postcss-color-mix-function-1.0.1.tgz#587f7df69d40f84c7bb4e9d7f178266cb7f6851b"
-  integrity sha512-NSVrzjVcI4TMzDfh6GKZXvEuelT81xpXzruuTNJrwKMTZXEBHY9G2gvmr0eC0wwmL8EF1TblXyPPfBbZobvfXg==
+"@csstools/postcss-color-mix-function@^1.0.3":
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-color-mix-function/-/postcss-color-mix-function-1.0.3.tgz#3755894bd8a04f82739327717700497a3f2f6f73"
+  integrity sha512-QGXjGugTluqFZWzVf+S3wCiRiI0ukXlYqCi7OnpDotP/zaVTyl/aqZujLFzTOXy24BoWnu89frGMc79ohY5eog==
   dependencies:
-    "@csstools/css-color-parser" "^1.1.2"
+    "@csstools/css-color-parser" "^1.2.0"
     "@csstools/css-parser-algorithms" "^2.1.1"
     "@csstools/css-tokenizer" "^2.1.1"
-    "@csstools/postcss-progressive-custom-properties" "^2.0.0"
+    "@csstools/postcss-progressive-custom-properties" "^2.3.0"
 
-"@csstools/postcss-font-format-keywords@^2.0.2":
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-font-format-keywords/-/postcss-font-format-keywords-2.0.2.tgz#d798d96f4af6cddcfee459f598c976e6011042d2"
-  integrity sha512-iKYZlIs6JsNT7NKyRjyIyezTCHLh4L4BBB3F5Nx7Dc4Z/QmBgX+YJFuUSar8IM6KclGiAUFGomXFdYxAwJydlA==
+"@csstools/postcss-font-format-keywords@^3.0.0":
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-font-format-keywords/-/postcss-font-format-keywords-3.0.0.tgz#9ca3a3ca67122862addf8a1c0c61a6db02dea1cc"
+  integrity sha512-ntkGj+1uDa/u6lpjPxnkPcjJn7ChO/Kcy08YxctOZI7vwtrdYvFhmE476dq8bj1yna306+jQ9gzXIG/SWfOaRg==
   dependencies:
     postcss-value-parser "^4.2.0"
 
@@ -1467,152 +1482,169 @@
   resolved "https://registry.yarnpkg.com/@csstools/postcss-global-data/-/postcss-global-data-1.0.3.tgz#baa266a7ed2372d4f7d0996f9148809134d901af"
   integrity sha512-x2fZOl7RJJtKC9ZfG+1bdrQKeRfP1a3Ff4uF2/fykNUKly8E8Q7lw7oegsEnqenSEDC1xjk6qXJ/fcJkTAdcNg==
 
-"@csstools/postcss-gradients-interpolation-method@^3.0.3":
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-gradients-interpolation-method/-/postcss-gradients-interpolation-method-3.0.3.tgz#39771e0fc76246a07a5e5e262d133e0cf3920a49"
-  integrity sha512-0i6HQ8V3jcGEEhhGPAQdMemPjXTOct9qDYLIzjsgKHhrHVwhjwBVcUV70658vJJmrJJvVXgZx2qc4S6okKZJpg==
+"@csstools/postcss-gradients-interpolation-method@^4.0.0":
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-gradients-interpolation-method/-/postcss-gradients-interpolation-method-4.0.0.tgz#ac0a28b0a9e299a8627be8ae9aad6d6eaa487a84"
+  integrity sha512-jGSRoZmw+5ZQ8Y39YN4zc3LIfRYdoiz5vMQzgADOdn7Bc4VBueUMsmMn1gX4ED76Pp7/f+Xvi0WrCFiOM2hkyw==
   dependencies:
-    "@csstools/css-color-parser" "^1.1.2"
-    "@csstools/css-parser-algorithms" "^2.1.1"
+    "@csstools/css-color-parser" "^1.2.2"
+    "@csstools/css-parser-algorithms" "^2.3.0"
     "@csstools/css-tokenizer" "^2.1.1"
-    "@csstools/postcss-progressive-custom-properties" "^2.0.0"
+    "@csstools/postcss-progressive-custom-properties" "^3.0.0"
 
-"@csstools/postcss-hwb-function@^2.2.1":
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-hwb-function/-/postcss-hwb-function-2.2.1.tgz#ab50918104e4ef500c42e55e4ccdd27fc33d52b9"
-  integrity sha512-eiqB4DIs+xqProAly7KwIgE04oze1YHb0QSCw/Y7062d9gpw+Cdif3Y0Z+Te+U7JROYdO0/0j91A6Qy8fo/Rlw==
+"@csstools/postcss-hwb-function@^3.0.0":
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-hwb-function/-/postcss-hwb-function-3.0.0.tgz#af31e412ecf2a6fd25dbd9c4b86ca362328d914c"
+  integrity sha512-a4gbFxgF6yJVGdXSAaDCZE4WMi7yu3PgPaBKpvqefyG1+R2zCwOboXYLzn2GVUyTAHij+ZRFDQUYUVODAQnf6g==
   dependencies:
-    "@csstools/css-color-parser" "^1.1.2"
-    "@csstools/css-parser-algorithms" "^2.1.1"
+    "@csstools/css-color-parser" "^1.2.2"
+    "@csstools/css-parser-algorithms" "^2.3.0"
     "@csstools/css-tokenizer" "^2.1.1"
 
-"@csstools/postcss-ic-unit@^2.0.2":
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-ic-unit/-/postcss-ic-unit-2.0.2.tgz#5a5e481c53977deec3d63793788eec924d4c5f7d"
-  integrity sha512-N84qGTJkfLTPj2qOG5P4CIqGjpZBbjOEMKMn+UjO5wlb9lcBTfBsxCF0lQsFdWJUzBHYFOz19dL66v71WF3Pig==
+"@csstools/postcss-ic-unit@^3.0.0":
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-ic-unit/-/postcss-ic-unit-3.0.0.tgz#bbc55170d880daa3cc096ee160e8f2492a48e881"
+  integrity sha512-FH3+zfOfsgtX332IIkRDxiYLmgwyNk49tfltpC6dsZaO4RV2zWY6x9VMIC5cjvmjlDO7DIThpzqaqw2icT8RbQ==
   dependencies:
-    "@csstools/postcss-progressive-custom-properties" "^2.0.0"
+    "@csstools/postcss-progressive-custom-properties" "^3.0.0"
     postcss-value-parser "^4.2.0"
 
-"@csstools/postcss-is-pseudo-class@^3.2.0":
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-is-pseudo-class/-/postcss-is-pseudo-class-3.2.0.tgz#1277cc187bdb075013341dab42b4140d1cafae27"
-  integrity sha512-uooelBL99jMg8ZD6xy0Pj1hSalchWmplcin00eI+JHpv1jW2iwbi1cn2UnVsToM4JLwJSZFzTSWCgSpmlyhe3A==
+"@csstools/postcss-is-pseudo-class@^4.0.0":
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-is-pseudo-class/-/postcss-is-pseudo-class-4.0.0.tgz#954c489cf207a7cfeaf4d96d39fac50757dc48cf"
+  integrity sha512-0I6siRcDymG3RrkNTSvHDMxTQ6mDyYE8awkcaHNgtYacd43msl+4ZWDfQ1yZQ/viczVWjqJkLmPiRHSgxn5nZA==
   dependencies:
-    "@csstools/selector-specificity" "^2.0.0"
-    postcss-selector-parser "^6.0.10"
+    "@csstools/selector-specificity" "^3.0.0"
+    postcss-selector-parser "^6.0.13"
 
-"@csstools/postcss-logical-float-and-clear@^1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-logical-float-and-clear/-/postcss-logical-float-and-clear-1.0.1.tgz#d255ea7aad18880930b63d8a04164f56182f2ecf"
-  integrity sha512-eO9z2sMLddvlfFEW5Fxbjyd03zaO7cJafDurK4rCqyRt9P7aaWwha0LcSzoROlcZrw1NBV2JAp2vMKfPMQO1xw==
+"@csstools/postcss-logical-float-and-clear@^2.0.0":
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-logical-float-and-clear/-/postcss-logical-float-and-clear-2.0.0.tgz#15e1b5d16dce01ad1e676167d0909e3958234eb5"
+  integrity sha512-Wki4vxsF6icRvRz8eF9bPpAvwaAt0RHwhVOyzfoFg52XiIMjb6jcbHkGxwpJXP4DVrnFEwpwmrz5aTRqOW82kg==
 
-"@csstools/postcss-logical-resize@^1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-logical-resize/-/postcss-logical-resize-1.0.1.tgz#826d3de929d7d786c32c2c118f78e813a1c2cdec"
-  integrity sha512-x1ge74eCSvpBkDDWppl+7FuD2dL68WP+wwP2qvdUcKY17vJksz+XoE1ZRV38uJgS6FNUwC0AxrPW5gy3MxsDHQ==
+"@csstools/postcss-logical-resize@^2.0.0":
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-logical-resize/-/postcss-logical-resize-2.0.0.tgz#751bd5aab335c9973e346e3edacb2a0a16fa8296"
+  integrity sha512-lCQ1aX8c5+WI4t5EoYf3alTzJNNocMqTb+u1J9CINdDhFh1fjovqK+0aHalUHsNstZmzFPNzIkU4Mb3eM9U8SA==
   dependencies:
     postcss-value-parser "^4.2.0"
 
-"@csstools/postcss-logical-viewport-units@^1.0.3":
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-logical-viewport-units/-/postcss-logical-viewport-units-1.0.3.tgz#63e212954015ecdc493878601c3daa4da6ba6714"
-  integrity sha512-6zqcyRg9HSqIHIPMYdt6THWhRmE5/tyHKJQLysn2TeDf/ftq7Em9qwMTx98t2C/7UxIsYS8lOiHHxAVjWn2WUg==
+"@csstools/postcss-logical-viewport-units@^2.0.0":
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-logical-viewport-units/-/postcss-logical-viewport-units-2.0.0.tgz#f56dddcf36ab193ca02aa6a6111d81e2d9ce8a9c"
+  integrity sha512-KZIJXAvXqePyk2QHOYYy5YUVyjiqRTC5lgOjJJsjKIwNnGvOBqD4ypWUB94WlWO0yzNwIMs+JYnTP4jGEbKzhA==
   dependencies:
     "@csstools/css-tokenizer" "^2.1.1"
 
-"@csstools/postcss-media-minmax@^1.0.2":
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-media-minmax/-/postcss-media-minmax-1.0.2.tgz#77efc4fdd96c7ff97f0d714c940187d25fd87619"
-  integrity sha512-DsEykSINZTqlBefi1uSQBym1Rj0NQOj92dLRd5jUQpSy8yBVaXXmkiUgBUbb+gQh8imAdqPpz2v4sAUnw8yXXA==
+"@csstools/postcss-media-minmax@^1.0.5":
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-media-minmax/-/postcss-media-minmax-1.0.5.tgz#4a645b4ea16634412845cdae58fb7dacfc4918fe"
+  integrity sha512-gKwnAgX8wM3cNJ+nn2st8Cu25H/ZT43Z3CQE54rJPn4aD2gi4/ibXga+IZNwRUSGR7/zJtsoWrq9aHf4qXgYRg==
   dependencies:
-    "@csstools/css-calc" "^1.1.1"
-    "@csstools/css-parser-algorithms" "^2.1.1"
+    "@csstools/css-calc" "^1.1.2"
+    "@csstools/css-parser-algorithms" "^2.3.0"
     "@csstools/css-tokenizer" "^2.1.1"
-    "@csstools/media-query-list-parser" "^2.0.4"
+    "@csstools/media-query-list-parser" "^2.1.2"
 
-"@csstools/postcss-media-queries-aspect-ratio-number-values@^1.0.2":
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-media-queries-aspect-ratio-number-values/-/postcss-media-queries-aspect-ratio-number-values-1.0.2.tgz#23ca3c3decc79d9089c2028ded20a97a2c784eee"
-  integrity sha512-rOSR5p+5m0joXUoitYgCyMqNCu97yfLsLG3cnNaM8VeJRCWHGEu5hE9Gv0M7n9A4wo2pYF8QqaxkTlWbSJY9Fg==
+"@csstools/postcss-media-queries-aspect-ratio-number-values@^2.0.0":
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-media-queries-aspect-ratio-number-values/-/postcss-media-queries-aspect-ratio-number-values-2.0.0.tgz#e049dae1c85e69cc84e85faf2bcaca5e0d8813da"
+  integrity sha512-7gxwEFeKlzql44msYZp7hqxpyxRqE1rt/TcUnDgnqqeOZI5GVHUULIrrzVnMq0YiaQROw/ugy8hov4e8V46GHw==
   dependencies:
-    "@csstools/css-parser-algorithms" "^2.1.1"
+    "@csstools/css-parser-algorithms" "^2.3.0"
     "@csstools/css-tokenizer" "^2.1.1"
-    "@csstools/media-query-list-parser" "^2.0.4"
+    "@csstools/media-query-list-parser" "^2.1.2"
 
-"@csstools/postcss-nested-calc@^2.0.2":
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-nested-calc/-/postcss-nested-calc-2.0.2.tgz#a0857650ef88b1aa7b094c7ea8ea1378c35695e0"
-  integrity sha512-jbwrP8rN4e7LNaRcpx3xpMUjhtt34I9OV+zgbcsYAAk6k1+3kODXJBf95/JMYWhu9g1oif7r06QVUgfWsKxCFw==
+"@csstools/postcss-nested-calc@^3.0.0":
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-nested-calc/-/postcss-nested-calc-3.0.0.tgz#b9069f5e1c2ea08de3840a5922e39af4e0ecf4b1"
+  integrity sha512-HsB66aDWAouOwD/GcfDTS0a7wCuVWaTpXcjl5VKP0XvFxDiU+r0T8FG7xgb6ovZNZ+qzvGIwRM+CLHhDgXrYgQ==
   dependencies:
     postcss-value-parser "^4.2.0"
 
-"@csstools/postcss-normalize-display-values@^2.0.1":
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-normalize-display-values/-/postcss-normalize-display-values-2.0.1.tgz#35dc188c5b4713cf902959fe3c8ce613fcb7543e"
-  integrity sha512-TQT5g3JQ5gPXC239YuRK8jFceXF9d25ZvBkyjzBGGoW5st5sPXFVQS8OjYb9IJ/K3CdfK4528y483cgS2DJR/w==
+"@csstools/postcss-normalize-display-values@^3.0.0":
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-normalize-display-values/-/postcss-normalize-display-values-3.0.0.tgz#de995eeafe217ac1854a7135b1db44c57487e9ea"
+  integrity sha512-6Nw55PRXEKEVqn3bzA8gRRPYxr5tf5PssvcE5DRA/nAxKgKtgNZMCHCSd1uxTCWeyLnkf6h5tYRSB0P1Vh/K/A==
   dependencies:
     postcss-value-parser "^4.2.0"
 
-"@csstools/postcss-oklab-function@^2.2.1":
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-oklab-function/-/postcss-oklab-function-2.2.1.tgz#4f8f4d8d69e6e479e094b5d327c7b259352e8b81"
-  integrity sha512-g4wrVopp6xXr1KetUK4Lj36P+PFPwvUUtd2gaqo7X/0xgJHmMtKMPhD9p77H9bmIpPtkIYQ8b7+7cdmrWNEVAw==
+"@csstools/postcss-oklab-function@^3.0.0":
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-oklab-function/-/postcss-oklab-function-3.0.0.tgz#989f1ca5407b95b5a23ca5fd65ca3242709042e2"
+  integrity sha512-SQgh//VauJwat3qEwOw6t+Y9l8/dKooDnY3tD/o6qpcSjOvGqSsPeY+0QWWeAXYTtaddXSz4YmPohRRTsNlZGg==
   dependencies:
-    "@csstools/css-color-parser" "^1.1.2"
-    "@csstools/css-parser-algorithms" "^2.1.1"
+    "@csstools/css-color-parser" "^1.2.2"
+    "@csstools/css-parser-algorithms" "^2.3.0"
     "@csstools/css-tokenizer" "^2.1.1"
-    "@csstools/postcss-progressive-custom-properties" "^2.0.0"
+    "@csstools/postcss-progressive-custom-properties" "^3.0.0"
 
-"@csstools/postcss-progressive-custom-properties@^2.0.0", "@csstools/postcss-progressive-custom-properties@^2.1.0":
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-progressive-custom-properties/-/postcss-progressive-custom-properties-2.1.1.tgz#82df9314451db63bf7f4975a4d32f148e85db490"
-  integrity sha512-6p8eO5+j+9hn4h2Klr9dbmya0GIb9SRrnPaCxqR1muVlV1waAZq6YkmlApEwXrox9qxggSwGZD5TnLRIY9f7WA==
+"@csstools/postcss-progressive-custom-properties@^2.3.0":
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-progressive-custom-properties/-/postcss-progressive-custom-properties-2.3.0.tgz#c16ad5fd9893136efc844e867e80f4becdb223d9"
+  integrity sha512-Zd8ojyMlsL919TBExQ1I0CTpBDdyCpH/yOdqatZpuC3sd22K4SwC7+Yez3Q/vmXMWSAl+shjNeFZ7JMyxMjK+Q==
   dependencies:
     postcss-value-parser "^4.2.0"
 
-"@csstools/postcss-scope-pseudo-class@^2.0.2":
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-scope-pseudo-class/-/postcss-scope-pseudo-class-2.0.2.tgz#6325e1e3b321093c59b008ec670bb772e17f06fe"
-  integrity sha512-6Pvo4uexUCXt+Hz5iUtemQAcIuCYnL+ePs1khFR6/xPgC92aQLJ0zGHonWoewiBE+I++4gXK3pr+R1rlOFHe5w==
+"@csstools/postcss-progressive-custom-properties@^3.0.0":
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-progressive-custom-properties/-/postcss-progressive-custom-properties-3.0.0.tgz#bb86ae4bb7f2206b0cf6e9b8f0bfc191f67271d8"
+  integrity sha512-2/D3CCL9DN2xhuUTP8OKvKnaqJ1j4yZUxuGLsCUOQ16wnDAuMLKLkflOmZF5tsPh/02VPeXRmqIN+U595WAulw==
   dependencies:
-    postcss-selector-parser "^6.0.10"
+    postcss-value-parser "^4.2.0"
 
-"@csstools/postcss-stepped-value-functions@^2.1.1":
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-stepped-value-functions/-/postcss-stepped-value-functions-2.1.1.tgz#f31aa0e7bd0ce3e4a0450573e1e27ce5e602b100"
-  integrity sha512-YCvdF0GCZK35nhLgs7ippcxDlRVe5QsSht3+EghqTjnYnyl3BbWIN6fYQ1dKWYTJ+7Bgi41TgqQFfJDcp9Xy/w==
+"@csstools/postcss-relative-color-syntax@^2.0.0":
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-relative-color-syntax/-/postcss-relative-color-syntax-2.0.0.tgz#95d521e1e055ef162ef0e7d051b1f3c654a13ca8"
+  integrity sha512-2hz6pwJYgr/Uuj6657Ucphv8SIXLfH2IaBqg10g8+nrNrRYPA1Lfw9p4bDUhE+6M2cujhXy4Sx5NB77FcHUwuA==
   dependencies:
-    "@csstools/css-calc" "^1.1.1"
-    "@csstools/css-parser-algorithms" "^2.1.1"
+    "@csstools/css-color-parser" "^1.2.2"
+    "@csstools/css-parser-algorithms" "^2.3.0"
     "@csstools/css-tokenizer" "^2.1.1"
+    "@csstools/postcss-progressive-custom-properties" "^3.0.0"
 
-"@csstools/postcss-text-decoration-shorthand@^2.2.3":
-  version "2.2.3"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-text-decoration-shorthand/-/postcss-text-decoration-shorthand-2.2.3.tgz#e634a488aa5ba252907deb787ad6cc24b8c2bb0a"
-  integrity sha512-PADJidg/tdhDk120aWlGuDxsp5ZTc9Nx7GhJ8t0qBCk5fOgLK6V3DsB9X6sOAhDokIihXKzjtUu15puac5McWw==
+"@csstools/postcss-scope-pseudo-class@^3.0.0":
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-scope-pseudo-class/-/postcss-scope-pseudo-class-3.0.0.tgz#23f32181b7de9a33e7c7c71f7620b78284955b82"
+  integrity sha512-GFNVsD97OuEcfHmcT0/DAZWAvTM/FFBDQndIOLawNc1Wq8YqpZwBdHa063Lq+Irk7azygTT+Iinyg3Lt76p7rg==
+  dependencies:
+    postcss-selector-parser "^6.0.13"
+
+"@csstools/postcss-stepped-value-functions@^3.0.0":
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-stepped-value-functions/-/postcss-stepped-value-functions-3.0.0.tgz#4b315190f860383d0167484f8758535f9303f27a"
+  integrity sha512-1+itpigiUemtdG2+pU3a36aQdpoFZbiKNZz0iW/s9H2mq0wCfqeRbXQmEQEStaqejEvlX+hLhbvWhb0WEuMKHQ==
   dependencies:
-    "@csstools/color-helpers" "^2.0.0"
+    "@csstools/css-calc" "^1.1.2"
+    "@csstools/css-parser-algorithms" "^2.3.0"
+    "@csstools/css-tokenizer" "^2.1.1"
+
+"@csstools/postcss-text-decoration-shorthand@^3.0.0":
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-text-decoration-shorthand/-/postcss-text-decoration-shorthand-3.0.0.tgz#468800a47fcb4760df8c60bbf1ba7999f44b4dd4"
+  integrity sha512-BAa1MIMJmEZlJ+UkPrkyoz3DC7kLlIl2oDya5yXgvUrelpwxddgz8iMp69qBStdXwuMyfPx46oZcSNx8Z0T2eA==
+  dependencies:
+    "@csstools/color-helpers" "^3.0.0"
     postcss-value-parser "^4.2.0"
 
-"@csstools/postcss-trigonometric-functions@^2.1.1":
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-trigonometric-functions/-/postcss-trigonometric-functions-2.1.1.tgz#871a2048b0f81495d6cd8858ffb1fb04231ca741"
-  integrity sha512-XcXmHEFfHXhvYz40FtDlA4Fp4NQln2bWTsCwthd2c+MCnYArUYU3YaMqzR5CrKP3pMoGYTBnp5fMqf1HxItNyw==
+"@csstools/postcss-trigonometric-functions@^3.0.0":
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-trigonometric-functions/-/postcss-trigonometric-functions-3.0.0.tgz#09508f49a57626558f7d6283e661ae5283d6d53d"
+  integrity sha512-w00RYRPzvaCbpflgeDGBacZ8dJQwMi5driR+6JasOHh85MiF1e+muYZdjFYi6VWOIzM5XaqxwNiQlgQwdQvxgA==
   dependencies:
-    "@csstools/css-calc" "^1.1.1"
-    "@csstools/css-parser-algorithms" "^2.1.1"
+    "@csstools/css-calc" "^1.1.2"
+    "@csstools/css-parser-algorithms" "^2.3.0"
     "@csstools/css-tokenizer" "^2.1.1"
 
-"@csstools/postcss-unset-value@^2.0.1":
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/@csstools/postcss-unset-value/-/postcss-unset-value-2.0.1.tgz#67091dd6cff556bff896c95053eb070cc6b21c25"
-  integrity sha512-oJ9Xl29/yU8U7/pnMJRqAZd4YXNCfGEdcP4ywREuqm/xMqcgDNDppYRoCGDt40aaZQIEKBS79LytUDN/DHf0Ew==
+"@csstools/postcss-unset-value@^3.0.0":
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/@csstools/postcss-unset-value/-/postcss-unset-value-3.0.0.tgz#6d2f08140b41d3e70d805ccd2baaf64a6f59fdac"
+  integrity sha512-P0JD1WHh3avVyKKRKjd0dZIjCEeaBer8t1BbwGMUDtSZaLhXlLNBqZ8KkqHzYWXOJgHleXAny2/sx8LYl6qhEA==
 
-"@csstools/selector-specificity@^2.0.0", "@csstools/selector-specificity@^2.0.1", "@csstools/selector-specificity@^2.0.2":
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/@csstools/selector-specificity/-/selector-specificity-2.1.1.tgz#c9c61d9fe5ca5ac664e1153bb0aa0eba1c6d6308"
-  integrity sha512-jwx+WCqszn53YHOfvFMJJRd/B2GqkCBt+1MJSG6o5/s8+ytHMvDZXsJgUEWLk12UnLd7HYKac4BYU5i/Ron1Cw==
+"@csstools/selector-specificity@^3.0.0":
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/@csstools/selector-specificity/-/selector-specificity-3.0.0.tgz#798622546b63847e82389e473fd67f2707d82247"
+  integrity sha512-hBI9tfBtuPIi885ZsZ32IMEU/5nlZH/KOVYJCOh7gyMxaVLGmLedYqFN6Ui1LXkI8JlC8IsuC0rF0btcRZKd5g==
 
 "@discoveryjs/json-ext@^0.5.3", "@discoveryjs/json-ext@^0.5.7":
   version "0.5.7"
@@ -3119,19 +3151,19 @@
   integrity sha512-zRnvPXV+gp1qMEYWtfxkmFkf6XjVUZrHlTumWaz6HBWjXw0SnKLhROIPvuVInaNBZ8T8KJBnhMm5yrA+7iB3sA==
 
 "@teamleader/ui-illustrations@^1.10.0":
-  version "1.16.1"
-  resolved "https://registry.yarnpkg.com/@teamleader/ui-illustrations/-/ui-illustrations-1.16.1.tgz#13719a66cc15157a33dd53bbb862ab7fb0a14918"
-  integrity sha512-MQB04qX7WSG+G/NACyWZd0jj/fxgGVPMoc8DHGYWHa4NBOWH94E3/+tjZeF4dA6S2b07xDQn16DcUKmcy1oGng==
+  version "1.18.0"
+  resolved "https://registry.yarnpkg.com/@teamleader/ui-illustrations/-/ui-illustrations-1.18.0.tgz#884f3e5edaec490576049ba17c497a760a24e1f8"
+  integrity sha512-iTz1K3El0YvGJhmDWty68cFS/ubRgO3JQbZVwZDk9Mv23YAb15MOW16CLHkz9agQGDszGIuSgAuZlf75Wz2wVA==
 
 "@teamleader/ui-typography@^2.0.2":
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/@teamleader/ui-typography/-/ui-typography-2.0.3.tgz#aa6cacf815507b229bbf1abab8fdc1999d814595"
   integrity sha512-+Ey43uGyBty9RK7yA7p9OjmlB7+x31FDG3W5SMMX904tgyLfRMxhqqm0foIBdxMW9NIjtd9WB1Xht8MfAt7SxQ==
 
-"@teamleader/ui-utilities@^0.2.0":
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/@teamleader/ui-utilities/-/ui-utilities-0.2.1.tgz#81efcef5067476f766a21248c14ee136f90fe7c1"
-  integrity sha512-jlFtpcA3bB7Wbe863rOQDP5z0L6EZMHZ2vsSjE0zDcXUcAtiImk9I/FnmMlS4/AbUgYl5qshteyqbtyvSjQkwQ==
+"@teamleader/ui-utilities@^0.2.2":
+  version "0.2.2"
+  resolved "https://registry.yarnpkg.com/@teamleader/ui-utilities/-/ui-utilities-0.2.2.tgz#0b216a867e643f57950ef838a11050fe9fa7bb94"
+  integrity sha512-7/3q0095zjysj1aPFATdmu6QPZ5pkwkNyr33eSa9XbGMshqqJ7ivdJBmlbJRx4Vm4ETWH8/CC4KNVv3N0In0Lw==
 
 "@testing-library/dom@^8.0.0":
   version "8.20.0"
@@ -5203,15 +5235,15 @@ browserify-zlib@^0.2.0:
   dependencies:
     pako "~1.0.5"
 
-browserslist@^4.12.0, browserslist@^4.14.5, browserslist@^4.21.3, browserslist@^4.21.5:
-  version "4.21.5"
-  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.21.5.tgz#75c5dae60063ee641f977e00edd3cfb2fb7af6a7"
-  integrity sha512-tUkiguQGW7S3IhB7N+c2MV/HZPSCPAAiYBZXLsBhFB/PCy6ZKKsZrmBayHV9fdGV/ARIfJ14NkxKzRDjvp7L6w==
+browserslist@^4.12.0, browserslist@^4.14.5, browserslist@^4.21.3, browserslist@^4.21.5, browserslist@^4.21.9:
+  version "4.21.9"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.21.9.tgz#e11bdd3c313d7e2a9e87e8b4b0c7872b13897635"
+  integrity sha512-M0MFoZzbUrRU4KNfCrDLnvyE7gub+peetoTid3TBIqtunaDJyXlwhakT+/VkvSXcfIzFfK/nkCs4nmyTmxdNSg==
   dependencies:
-    caniuse-lite "^1.0.30001449"
-    electron-to-chromium "^1.4.284"
-    node-releases "^2.0.8"
-    update-browserslist-db "^1.0.10"
+    caniuse-lite "^1.0.30001503"
+    electron-to-chromium "^1.4.431"
+    node-releases "^2.0.12"
+    update-browserslist-db "^1.0.11"
 
 bser@2.1.1:
   version "2.1.1"
@@ -5458,11 +5490,16 @@ caniuse-lite@^1.0.30001109:
   resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001296.tgz#d99f0f3bee66544800b93d261c4be55a35f1cec8"
   integrity sha512-WfrtPEoNSoeATDlf4y3QvkwiELl9GyPLISV5GejTbbQRtQx4LhsXmc9IQ6XCL2d7UxCyEzToEZNMeqR79OUw8Q==
 
-caniuse-lite@^1.0.30001449, caniuse-lite@^1.0.30001464:
+caniuse-lite@^1.0.30001464:
   version "1.0.30001470"
   resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001470.tgz#09c8e87c711f75ff5d39804db2613dd593feeb10"
   integrity sha512-065uNwY6QtHCBOExzbV6m236DDhYCCtPmQUCoQtwkVqzud8v5QPidoMr6CoMkC2nfp6nksjttqWQRRh75LqUmA==
 
+caniuse-lite@^1.0.30001503:
+  version "1.0.30001512"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001512.tgz#7450843fb581c39f290305a83523c7a9ef0d4cb4"
+  integrity sha512-2S9nK0G/mE+jasCUsMPlARhRCts1ebcp2Ji8Y8PWi4NDE1iRdLCnEPHkEfeBrGC45L4isBx5ur3IQ6yTE2mRZw==
+
 capture-exit@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/capture-exit/-/capture-exit-2.0.0.tgz#fb953bfaebeb781f62898239dabb426d08a509a4"
@@ -6125,20 +6162,20 @@ crypto-browserify@^3.11.0:
     randombytes "^2.0.0"
     randomfill "^1.0.3"
 
-css-blank-pseudo@^5.0.2:
-  version "5.0.2"
-  resolved "https://registry.yarnpkg.com/css-blank-pseudo/-/css-blank-pseudo-5.0.2.tgz#3df5cd950f64de960974da05e76954fd3d7442f9"
-  integrity sha512-aCU4AZ7uEcVSUzagTlA9pHciz7aWPKA/YzrEkpdSopJ2pvhIxiQ5sYeMz1/KByxlIo4XBdvMNJAVKMg/GRnhfw==
+css-blank-pseudo@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/css-blank-pseudo/-/css-blank-pseudo-6.0.0.tgz#2bc6f812a5f60296c04c55b1696bad4300dcdbcc"
+  integrity sha512-VbfLlOWO7sBHBTn6pwDQzc07Z0SDydgDBfNfCE0nvrehdBNv9RKsuupIRa/qal0+fBZhAALyQDPMKz5lnvcchw==
   dependencies:
-    postcss-selector-parser "^6.0.10"
+    postcss-selector-parser "^6.0.13"
 
-css-has-pseudo@^5.0.2:
-  version "5.0.2"
-  resolved "https://registry.yarnpkg.com/css-has-pseudo/-/css-has-pseudo-5.0.2.tgz#8798118c705d858b7aeb9d839a39edd901c1cc83"
-  integrity sha512-q+U+4QdwwB7T9VEW/LyO6CFrLAeLqOykC5mDqJXc7aKZAhDbq7BvGT13VGJe+IwBfdN2o3Xdw2kJ5IxwV1Sc9Q==
+css-has-pseudo@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/css-has-pseudo/-/css-has-pseudo-6.0.0.tgz#b8c8f39a19bc83c5be59fd251510a7e443c47968"
+  integrity sha512-X+r+JBuoO37FBOWVNhVJhxtSBUFHgHbrcc0CjFT28JEdOw1qaDwABv/uunyodUuSy2hMPe9j/HjssxSlvUmKjg==
   dependencies:
-    "@csstools/selector-specificity" "^2.0.1"
-    postcss-selector-parser "^6.0.10"
+    "@csstools/selector-specificity" "^3.0.0"
+    postcss-selector-parser "^6.0.13"
     postcss-value-parser "^4.2.0"
 
 css-loader@^3.6.0:
@@ -6177,23 +6214,23 @@ css-loader@^5.0.1:
     semver "^7.3.5"
 
 css-loader@^6.5.1:
-  version "6.7.1"
-  resolved "https://registry.yarnpkg.com/css-loader/-/css-loader-6.7.1.tgz#e98106f154f6e1baf3fc3bc455cb9981c1d5fd2e"
-  integrity sha512-yB5CNFa14MbPJcomwNh3wLThtkZgcNyI2bNMRt8iE5Z8Vwl7f8vQXFAzn2HDOJvtDq2NTZBUGMSUNNyrv3/+cw==
+  version "6.8.1"
+  resolved "https://registry.yarnpkg.com/css-loader/-/css-loader-6.8.1.tgz#0f8f52699f60f5e679eab4ec0fcd68b8e8a50a88"
+  integrity sha512-xDAXtEVGlD0gJ07iclwWVkLoZOpEvAWaSyf6W18S2pOC//K8+qUDIx8IIT3D+HjnmkJPQeesOPv5aiUaJsCM2g==
   dependencies:
     icss-utils "^5.1.0"
-    postcss "^8.4.7"
+    postcss "^8.4.21"
     postcss-modules-extract-imports "^3.0.0"
-    postcss-modules-local-by-default "^4.0.0"
+    postcss-modules-local-by-default "^4.0.3"
     postcss-modules-scope "^3.0.0"
     postcss-modules-values "^4.0.0"
     postcss-value-parser "^4.2.0"
-    semver "^7.3.5"
+    semver "^7.3.8"
 
-css-prefers-color-scheme@^8.0.2:
-  version "8.0.2"
-  resolved "https://registry.yarnpkg.com/css-prefers-color-scheme/-/css-prefers-color-scheme-8.0.2.tgz#a0671f54eb19ed0d30b952574c0af11ec355fb6d"
-  integrity sha512-OvFghizHJ45x7nsJJUSYLyQNTzsCU8yWjxAc/nhPQg1pbs18LMoET8N3kOweFDPy0JV0OSXN2iqRFhPBHYOeMA==
+css-prefers-color-scheme@^9.0.0:
+  version "9.0.0"
+  resolved "https://registry.yarnpkg.com/css-prefers-color-scheme/-/css-prefers-color-scheme-9.0.0.tgz#7e9b74062655ea15490e359cb456a3b9f4c93327"
+  integrity sha512-03QGAk/FXIRseDdLb7XAiu6gidQ0Nd8945xuM7VFVPpc6goJsG9uIO8xQjTxwbPdPIIV4o4AJoOJyt8gwDl67g==
 
 css-select@^1.1.0:
   version "1.2.0"
@@ -6239,10 +6276,10 @@ css.escape@^1.5.1:
   resolved "https://registry.yarnpkg.com/css.escape/-/css.escape-1.5.1.tgz#42e27d4fa04ae32f931a4b4d4191fa9cddee97cb"
   integrity sha512-YUifsXXuknHlUsmlgyY0PKzgPOr7/FjCePfHNt0jxm83wHZi44VDMQ7/fGNkjY3/jV1MC+1CmZbaHzugyeRtpg==
 
-cssdb@^7.5.3:
-  version "7.5.4"
-  resolved "https://registry.yarnpkg.com/cssdb/-/cssdb-7.5.4.tgz#e34dafee5184d67634604e345e389ca79ac179ea"
-  integrity sha512-fGD+J6Jlq+aurfE1VDXlLS4Pt0VtNlu2+YgfGOdMxRyl/HQ9bDiHTwSck1Yz8A97Dt/82izSK6Bp/4nVqacOsg==
+cssdb@^7.6.0:
+  version "7.6.0"
+  resolved "https://registry.yarnpkg.com/cssdb/-/cssdb-7.6.0.tgz#beac8f7a5f676db62d3c33da517ef4c9eb008f8b"
+  integrity sha512-Nna7rph8V0jC6+JBY4Vk4ndErUmfJfV6NJCaZdurL0omggabiy+QB2HCQtu5c/ACLZ0I7REv7A4QyPIoYzZx0w==
 
 cssesc@^3.0.0:
   version "3.0.0"
@@ -6831,10 +6868,10 @@ ee-first@1.1.1:
   resolved "https://registry.yarnpkg.com/ee-first/-/ee-first-1.1.1.tgz#590c61156b0ae2f4f0255732a158b266bc56b21d"
   integrity sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==
 
-electron-to-chromium@^1.4.284:
-  version "1.4.340"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.340.tgz#3a6d7414c1fc2dbf84b6f7af3ec24270606c85b8"
-  integrity sha512-zx8hqumOqltKsv/MF50yvdAlPF9S/4PXbyfzJS6ZGhbddGkRegdwImmfSVqCkEziYzrIGZ/TlrzBND4FysfkDg==
+electron-to-chromium@^1.4.431:
+  version "1.4.449"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.449.tgz#79ffe4514c81c35d4eb13030a63ff3383a8cc655"
+  integrity sha512-TxLRpRUj/107ATefeP8VIUWNOv90xJxZZbCW/eIbSZQiuiFANCx2b7u+GbVc9X4gU+xnbvypNMYVM/WArE1DNQ==
 
 elliptic@^6.0.0:
   version "6.5.4"
@@ -7251,6 +7288,11 @@ eslint-plugin-promise@^6.0.0:
   resolved "https://registry.yarnpkg.com/eslint-plugin-promise/-/eslint-plugin-promise-6.1.1.tgz#269a3e2772f62875661220631bd4dafcb4083816"
   integrity sha512-tjqWDwVZQo7UIPMeDReOpUgHCmCiH+ePnVT+5zVapL0uuHnegBUs2smM13CzOs2Xb5+MHMRFTs9v24yjba4Oig==
 
+eslint-plugin-react-hooks@^4.6.0:
+  version "4.6.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.0.tgz#4c3e697ad95b77e93f8646aaa1630c1ba607edd3"
+  integrity sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==
+
 eslint-plugin-react@^7.30.1:
   version "7.32.0"
   resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.32.0.tgz#d80f794a638c5770f952ba2ae793f0a516be7c09"
@@ -11413,11 +11455,16 @@ nan@^2.12.1:
   resolved "https://registry.yarnpkg.com/nan/-/nan-2.14.0.tgz#7818f722027b2459a86f0295d434d1fc2336c52c"
   integrity sha512-INOFj37C7k3AfaNTtX8RhsTw7qRy7eLET14cROi9+5HAVbbHuIWUHEauBv5qT4Av2tWasiTY1Jw6puUNqRJXQg==
 
-nanoid@^3.3.1, nanoid@^3.3.3, nanoid@^3.3.4:
+nanoid@^3.3.1:
   version "3.3.4"
   resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.4.tgz#730b67e3cd09e2deacf03c027c81c9d9dbc5e8ab"
   integrity sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==
 
+nanoid@^3.3.6:
+  version "3.3.6"
+  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.6.tgz#443380c856d6e9f9824267d960b4236ad583ea4c"
+  integrity sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==
+
 nanomatch@^1.2.9:
   version "1.2.13"
   resolved "https://registry.yarnpkg.com/nanomatch/-/nanomatch-1.2.13.tgz#b87a8aa4fc0de8fe6be88895b38983ff265bd119"
@@ -11558,10 +11605,10 @@ node-pre-gyp@^0.12.0:
     semver "^5.3.0"
     tar "^4"
 
-node-releases@^2.0.8:
-  version "2.0.10"
-  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.10.tgz#c311ebae3b6a148c89b1813fd7c4d3c024ef537f"
-  integrity sha512-5GFldHPXVG/YZmFzJvKK2zDSzPKhEp0+ZR5SVaoSag9fsL5YgHbUHDfnG5494ISANDcK4KwPXAx2xqVEydmd7w==
+node-releases@^2.0.12:
+  version "2.0.12"
+  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.12.tgz#35627cc224a23bfb06fb3380f2b3afaaa7eb1039"
+  integrity sha512-QzsYKWhXTWx8h1kIvqfnC++o0pEmpRQA/aenALsL2F4pqNVr7YzcdMlDij5WBnwftRbJCNJL/O7zdKaxKPHqgQ==
 
 node.extend@^2.0.0:
   version "2.0.2"
@@ -12490,11 +12537,12 @@ postcss-cli@^10.0.0:
     slash "^5.0.0"
     yargs "^17.0.0"
 
-postcss-color-functional-notation@^5.0.2:
-  version "5.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-color-functional-notation/-/postcss-color-functional-notation-5.0.2.tgz#6d03c928aa3a13487703af86c301bdcd501e7430"
-  integrity sha512-M6ygxWOyd6eWf3sd1Lv8xi4SeF4iBPfJvkfMU4ITh8ExJc1qhbvh/U8Cv/uOvBgUVOMDdScvCdlg8+hREQzs7w==
+postcss-color-functional-notation@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-color-functional-notation/-/postcss-color-functional-notation-6.0.0.tgz#dcc1b8b6273099c597a790dc484d89e2573f5f17"
+  integrity sha512-kaWTgnhRKFtfMF8H0+NQBFxgr5CGg05WGe07Mc1ld6XHwwRWlqSbHOW0zwf+BtkBQpsdVUu7+gl9dtdvhWMedw==
   dependencies:
+    "@csstools/postcss-progressive-custom-properties" "^3.0.0"
     postcss-value-parser "^4.2.0"
 
 postcss-color-hex-alpha@^9.0.2:
@@ -12504,14 +12552,24 @@ postcss-color-hex-alpha@^9.0.2:
   dependencies:
     postcss-value-parser "^4.2.0"
 
-postcss-color-rebeccapurple@^8.0.2:
-  version "8.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-color-rebeccapurple/-/postcss-color-rebeccapurple-8.0.2.tgz#c0f2dcf1ef4dd393314920aa181cca8c390a2648"
-  integrity sha512-xWf/JmAxVoB5bltHpXk+uGRoGFwu4WDAR7210el+iyvTdqiKpDhtcT8N3edXMoVJY0WHFMrKMUieql/wRNiXkw==
+postcss-color-rebeccapurple@^9.0.0:
+  version "9.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-color-rebeccapurple/-/postcss-color-rebeccapurple-9.0.0.tgz#317bf718962c70b779efacf3dc040c56f05d03ce"
+  integrity sha512-RmUFL+foS05AKglkEoqfx+KFdKRVmqUAxlHNz4jLqIi7046drIPyerdl4B6j/RA2BSP8FI8gJcHmLRrwJOMnHw==
   dependencies:
     postcss-value-parser "^4.2.0"
 
-postcss-custom-media@^9.1.1, postcss-custom-media@^9.1.3:
+postcss-custom-media@^10.0.0:
+  version "10.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-custom-media/-/postcss-custom-media-10.0.0.tgz#299781f67d043de7d3eaa13923c26c586d9cd57a"
+  integrity sha512-NxDn7C6GJ7X8TsWOa8MbCdq9rLERRLcPfQSp856k1jzMreL8X9M6iWk35JjPRIb9IfRnVohmxAylDRx7n4Rv4g==
+  dependencies:
+    "@csstools/cascade-layer-name-parser" "^1.0.3"
+    "@csstools/css-parser-algorithms" "^2.3.0"
+    "@csstools/css-tokenizer" "^2.1.1"
+    "@csstools/media-query-list-parser" "^2.1.2"
+
+postcss-custom-media@^9.1.1:
   version "9.1.3"
   resolved "https://registry.yarnpkg.com/postcss-custom-media/-/postcss-custom-media-9.1.3.tgz#68bb2ae377bb07c19f03f252930cc380af894dce"
   integrity sha512-W1C4Fu6KAZ7sKYQCuGMr8gyaE4BtjTQGPLVS4m0WCaWM6l7PgVbvmDeb4ClBc5R/7kdwESYf0hdxGtEPhi9CLA==
@@ -12521,39 +12579,39 @@ postcss-custom-media@^9.1.1, postcss-custom-media@^9.1.3:
     "@csstools/css-tokenizer" "^2.1.1"
     "@csstools/media-query-list-parser" "^2.0.4"
 
-postcss-custom-properties@^13.1.5:
-  version "13.1.5"
-  resolved "https://registry.yarnpkg.com/postcss-custom-properties/-/postcss-custom-properties-13.1.5.tgz#75567e3b4a664f820bcc3ba8b6ae3c8d27db05d1"
-  integrity sha512-98DXk81zTGqMVkGANysMHbGIg3voH383DYo3/+c+Abzay3nao+vM/f4Jgzsakk9S7BDsEw5DiW7sFy5G4W2wLA==
+postcss-custom-properties@^13.2.1:
+  version "13.2.1"
+  resolved "https://registry.yarnpkg.com/postcss-custom-properties/-/postcss-custom-properties-13.2.1.tgz#82452ea09b796bf0271cc945badcca18ef59df1c"
+  integrity sha512-Z8UmzwVkRh8aITyeZoZnT4McSSPmS2EFl+OyPspfvx7v+N36V2UseMAODp3oBriZvcf/tQpzag9165x/VcC3kg==
   dependencies:
-    "@csstools/cascade-layer-name-parser" "^1.0.2"
-    "@csstools/css-parser-algorithms" "^2.1.1"
+    "@csstools/cascade-layer-name-parser" "^1.0.3"
+    "@csstools/css-parser-algorithms" "^2.3.0"
     "@csstools/css-tokenizer" "^2.1.1"
     postcss-value-parser "^4.2.0"
 
-postcss-custom-selectors@^7.1.3:
-  version "7.1.3"
-  resolved "https://registry.yarnpkg.com/postcss-custom-selectors/-/postcss-custom-selectors-7.1.3.tgz#047e2bc4726fe8e448c23047c99785fcdbe1ef87"
-  integrity sha512-GTVscax6O/8s7agFF0HsOoIyjrnAbLjgCUle8tn+0oDGJuVx7p56U7ClSRoC49poxFuMfu2B4Q8GnxSCOeuFKw==
+postcss-custom-selectors@^7.1.4:
+  version "7.1.4"
+  resolved "https://registry.yarnpkg.com/postcss-custom-selectors/-/postcss-custom-selectors-7.1.4.tgz#5980972353119af0d9725bdcccad46be8cfc9011"
+  integrity sha512-TU2xyUUBTlpiLnwyE2ZYMUIYB41MKMkBZ8X8ntkqRDQ8sdBLhFFsPgNcOliBd5+/zcK51C9hRnSE7hKUJMxQSw==
   dependencies:
-    "@csstools/cascade-layer-name-parser" "^1.0.2"
-    "@csstools/css-parser-algorithms" "^2.1.1"
+    "@csstools/cascade-layer-name-parser" "^1.0.3"
+    "@csstools/css-parser-algorithms" "^2.3.0"
     "@csstools/css-tokenizer" "^2.1.1"
-    postcss-selector-parser "^6.0.4"
+    postcss-selector-parser "^6.0.13"
 
-postcss-dir-pseudo-class@^7.0.2:
-  version "7.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-dir-pseudo-class/-/postcss-dir-pseudo-class-7.0.2.tgz#71618b7eb4abe067845d11b3c8f322760c9b3e88"
-  integrity sha512-cMnslilYxBf9k3qejnovrUONZx1rXeUZJw06fgIUBzABJe3D2LiLL5WAER7Imt3nrkaIgG05XZBztueLEf5P8w==
+postcss-dir-pseudo-class@^8.0.0:
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-dir-pseudo-class/-/postcss-dir-pseudo-class-8.0.0.tgz#9e4e37d170f672520d3f38fd8376db0ca04d4e9c"
+  integrity sha512-Oy5BBi0dWPwij/IA+yDYj+/OBMQ9EPqAzTHeSNUYrUWdll/PRJmcbiUj0MNcsBi681I1gcSTLvMERPaXzdbvJg==
   dependencies:
-    postcss-selector-parser "^6.0.10"
+    postcss-selector-parser "^6.0.13"
 
-postcss-double-position-gradients@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-double-position-gradients/-/postcss-double-position-gradients-4.0.2.tgz#855a23201f26be447210504e9b668429cbf4640c"
-  integrity sha512-GXL1RmFREDK4Q9aYvI2RhVrA6a6qqSMQQ5ke8gSH1xgV6exsqbcJpIumC7AOgooH6/WIG3/K/T8xxAiVHy/tJg==
+postcss-double-position-gradients@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-double-position-gradients/-/postcss-double-position-gradients-5.0.0.tgz#cdc11e1210c3fbd3f7bc242a5ee83e5b9d7db8fa"
+  integrity sha512-wR8npIkrIVUTicUpCWSSo1f/g7gAEIH70FMqCugY4m4j6TX4E0T2Q5rhfO0gqv00biBZdLyb+HkW8x6as+iJNQ==
   dependencies:
-    "@csstools/postcss-progressive-custom-properties" "^2.0.0"
+    "@csstools/postcss-progressive-custom-properties" "^3.0.0"
     postcss-value-parser "^4.2.0"
 
 postcss-each@0.10.0:
@@ -12571,34 +12629,34 @@ postcss-flexbugs-fixes@^4.2.1:
   dependencies:
     postcss "^7.0.26"
 
-postcss-focus-visible@^8.0.2:
-  version "8.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-focus-visible/-/postcss-focus-visible-8.0.2.tgz#a7ac26ffe3e9c2bd17d7200d75e2d79ee8110891"
-  integrity sha512-f/Vd+EC/GaKElknU59esVcRYr/Y3t1ZAQyL4u2xSOgkDy4bMCmG7VP5cGvj3+BTLNE9ETfEuz2nnt4qkZwTTeA==
+postcss-focus-visible@^9.0.0:
+  version "9.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-focus-visible/-/postcss-focus-visible-9.0.0.tgz#a81227428d6f1e524099c6581f7c7132f987e382"
+  integrity sha512-zA4TbVaIaT8npZBEROhZmlc+GBKE8AELPHXE7i4TmIUEQhw/P/mSJfY9t6tBzpQ1rABeGtEOHYrW4SboQeONMQ==
   dependencies:
-    postcss-selector-parser "^6.0.10"
+    postcss-selector-parser "^6.0.13"
 
-postcss-focus-within@^7.0.2:
-  version "7.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-focus-within/-/postcss-focus-within-7.0.2.tgz#5d2c866030e66ed22b204c9506de640943310b1c"
-  integrity sha512-AHAJ89UQBcqBvFgQJE9XasGuwMNkKsGj4D/f9Uk60jFmEBHpAL14DrnSk3Rj+SwZTr/WUG+mh+Rvf8fid/346w==
+postcss-focus-within@^8.0.0:
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-focus-within/-/postcss-focus-within-8.0.0.tgz#8304380dd2dadc1c2dcfa52816ff86be7736fc16"
+  integrity sha512-E7+J9nuQzZaA37D/MUZMX1K817RZGDab8qw6pFwzAkDd/QtlWJ9/WTKmzewNiuxzeq6WWY7ATiRePVoDKp+DnA==
   dependencies:
-    postcss-selector-parser "^6.0.10"
+    postcss-selector-parser "^6.0.13"
 
 postcss-font-variant@^5.0.0:
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/postcss-font-variant/-/postcss-font-variant-5.0.0.tgz#efd59b4b7ea8bb06127f2d031bfbb7f24d32fa66"
   integrity sha512-1fmkBaCALD72CK2a9i468mA/+tr9/1cBxRRMXOUaZqO43oWPR5imcyPjXwuv7PXbCid4ndlP5zWhidQVVa3hmA==
 
-postcss-gap-properties@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-gap-properties/-/postcss-gap-properties-4.0.1.tgz#0347d6a84a46bfbe88bedc542cc4b354e04a8338"
-  integrity sha512-V5OuQGw4lBumPlwHWk/PRfMKjaq/LTGR4WDTemIMCaMevArVfCCA9wBJiL1VjDAd+rzuCIlkRoRvDsSiAaZ4Fg==
+postcss-gap-properties@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-gap-properties/-/postcss-gap-properties-5.0.0.tgz#3bd77f3d51facb1da404b4edd72b8203929385a5"
+  integrity sha512-YjsEEL6890P7MCv6fch6Am1yq0EhQCJMXyT4LBohiu87+4/WqR7y5W3RIv53WdA901hhytgRvjlrAhibhW4qsA==
 
-postcss-image-set-function@^5.0.2:
-  version "5.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-image-set-function/-/postcss-image-set-function-5.0.2.tgz#088e0f535f43e74d6ea8033ff7b0482e2735ea6e"
-  integrity sha512-Sszjwo0ubETX0Fi5MvpYzsONwrsjeabjMoc5YqHvURFItXgIu3HdCjcVuVKGMPGzKRhgaknmdM5uVWInWPJmeg==
+postcss-image-set-function@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-image-set-function/-/postcss-image-set-function-6.0.0.tgz#a5aba4a805ae903ab8200b584242149c48c481fb"
+  integrity sha512-bg58QnJexFpPBU4IGPAugAPKV0FuFtX5rHYNSKVaV91TpHN7iwyEzz1bkIPCiSU5+BUN00e+3fV5KFrwIgRocw==
   dependencies:
     postcss-value-parser "^4.2.0"
 
@@ -12616,15 +12674,15 @@ postcss-initial@^4.0.1:
   resolved "https://registry.yarnpkg.com/postcss-initial/-/postcss-initial-4.0.1.tgz#529f735f72c5724a0fb30527df6fb7ac54d7de42"
   integrity sha512-0ueD7rPqX8Pn1xJIjay0AZeIuDoF+V+VvMt/uOnn+4ezUKhZM/NokDeP6DwMNyIoYByuN/94IQnt5FEkaN59xQ==
 
-postcss-lab-function@^5.2.1:
-  version "5.2.1"
-  resolved "https://registry.yarnpkg.com/postcss-lab-function/-/postcss-lab-function-5.2.1.tgz#a1f324fa5c098bddf36de221abcc32070c77b5db"
-  integrity sha512-u71Adr4nWi+4EmSZq5EV/fg9d1dYO6W26RNtT9LISEyjhH1q23vJIUkSqRwHgD6v7xxsxLOY5cSdVyaNE6rqzw==
+postcss-lab-function@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-lab-function/-/postcss-lab-function-6.0.0.tgz#81ae2ebfe14349116e1faf2703e7f28ddd97bd0f"
+  integrity sha512-bEKvKeoA0PPeqXdYfnIjU38NdkjrlqT4iENtIVMAcx9YAJz+9OrUvE2IRRK2jMZPcBM5RhyHj5zJqpzvR7KGtw==
   dependencies:
-    "@csstools/css-color-parser" "^1.1.2"
-    "@csstools/css-parser-algorithms" "^2.1.1"
+    "@csstools/css-color-parser" "^1.2.2"
+    "@csstools/css-parser-algorithms" "^2.3.0"
     "@csstools/css-tokenizer" "^2.1.1"
-    "@csstools/postcss-progressive-custom-properties" "^2.0.0"
+    "@csstools/postcss-progressive-custom-properties" "^3.0.0"
 
 postcss-load-config@^4.0.0:
   version "4.0.1"
@@ -12655,10 +12713,10 @@ postcss-loader@^7.0.1:
     klona "^2.0.6"
     semver "^7.3.8"
 
-postcss-logical@^6.1.0:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/postcss-logical/-/postcss-logical-6.1.0.tgz#c33ae75d3edaea7eb821e76dc4e6d0ecedc3200d"
-  integrity sha512-qb1+LpClhYjxac8SfOcWotnY3unKZesDqIOm+jnGt8rTl7xaIWpE2bPGZHxflOip1E/4ETo79qlJyRL3yrHn1g==
+postcss-logical@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-logical/-/postcss-logical-7.0.0.tgz#9a83426e716e3c8f957dda3fd874edbcf22c754e"
+  integrity sha512-zYf3vHkoW82f5UZTEXChTJvH49Yl9X37axTZsJGxrCG2kOUwtaAoz9E7tqYg0lsIoJLybaL8fk/2mOi81zVIUw==
   dependencies:
     postcss-value-parser "^4.2.0"
 
@@ -12684,10 +12742,10 @@ postcss-modules-local-by-default@^3.0.2:
     postcss-selector-parser "^6.0.2"
     postcss-value-parser "^4.1.0"
 
-postcss-modules-local-by-default@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-modules-local-by-default/-/postcss-modules-local-by-default-4.0.0.tgz#ebbb54fae1598eecfdf691a02b3ff3b390a5a51c"
-  integrity sha512-sT7ihtmGSF9yhm6ggikHdV0hlziDTX7oFoXtuVWeDd3hHObNkcHRo9V3yg7vCAY7cONyxJC/XXCmmiHHcvX7bQ==
+postcss-modules-local-by-default@^4.0.0, postcss-modules-local-by-default@^4.0.3:
+  version "4.0.3"
+  resolved "https://registry.yarnpkg.com/postcss-modules-local-by-default/-/postcss-modules-local-by-default-4.0.3.tgz#b08eb4f083050708998ba2c6061b50c2870ca524"
+  integrity sha512-2/u2zraspoACtrbFRnTijMiQtb4GW4BvatjaG/bCjYQo8kLTdevCUlwuBHx2sCnSyrI3x3qj4ZK1j5LQBgzmwA==
   dependencies:
     icss-utils "^5.0.0"
     postcss-selector-parser "^6.0.2"
@@ -12730,23 +12788,23 @@ postcss-nested@^6.0.0:
   dependencies:
     postcss-selector-parser "^6.0.10"
 
-postcss-nesting@^11.2.1:
-  version "11.2.2"
-  resolved "https://registry.yarnpkg.com/postcss-nesting/-/postcss-nesting-11.2.2.tgz#ddedfea5a1fdcd8d753298d82297ad15d5640c0f"
-  integrity sha512-aOTiUniAB1bcPE6GGiynWRa6PZFPhOTAm5q3q5cem6QeSijIHHkWr6gs65ukCZMXeak8yXeZVbBJET3VM+HlhA==
+postcss-nesting@^12.0.0:
+  version "12.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-nesting/-/postcss-nesting-12.0.0.tgz#729932293b925ac5bffcb6df1e2620faa0447554"
+  integrity sha512-knqwW65kxssmyIFadRSimaiRyLVRd0MdwfabesKw6XvGLwSOCJ+4zfvNQQCOOYij5obwpZzDpODuGRv2PCyiUw==
   dependencies:
-    "@csstools/selector-specificity" "^2.0.0"
-    postcss-selector-parser "^6.0.10"
+    "@csstools/selector-specificity" "^3.0.0"
+    postcss-selector-parser "^6.0.13"
 
 postcss-opacity-percentage@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/postcss-opacity-percentage/-/postcss-opacity-percentage-2.0.0.tgz#c0a56060cd4586e3f954dbde1efffc2deed53002"
   integrity sha512-lyDrCOtntq5Y1JZpBFzIWm2wG9kbEdujpNt4NLannF+J9c8CgFIzPa80YQfdza+Y+yFfzbYj/rfoOsYsooUWTQ==
 
-postcss-overflow-shorthand@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-overflow-shorthand/-/postcss-overflow-shorthand-4.0.1.tgz#cb61ca24d8c4e1dbf14d85181b017cfa6953aa34"
-  integrity sha512-HQZ0qi/9iSYHW4w3ogNqVNr2J49DHJAl7r8O2p0Meip38jsdnRPgiDW7r/LlLrrMBMe3KHkvNtAV2UmRVxzLIg==
+postcss-overflow-shorthand@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-overflow-shorthand/-/postcss-overflow-shorthand-5.0.0.tgz#1ed6d6c532cdf52b5dabec06662dc63f9207855c"
+  integrity sha512-2rlxDyeSics/hC2FuMdPnWiP9WUPZ5x7FTuArXLFVpaSQ2woPSfZS4RD59HuEokbZhs/wPUQJ1E3MT6zVv94MQ==
   dependencies:
     postcss-value-parser "^4.2.0"
 
@@ -12755,80 +12813,81 @@ postcss-page-break@^3.0.4:
   resolved "https://registry.yarnpkg.com/postcss-page-break/-/postcss-page-break-3.0.4.tgz#7fbf741c233621622b68d435babfb70dd8c1ee5f"
   integrity sha512-1JGu8oCjVXLa9q9rFTo4MbeeA5FMe00/9C7lN4va606Rdb+HkxXtXsmEDrIraQ11fGz/WvKWa8gMuCKkrXpTsQ==
 
-postcss-place@^8.0.1:
-  version "8.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-place/-/postcss-place-8.0.1.tgz#408d7a27e99192df51c95fe62a3a34def62aa66a"
-  integrity sha512-Ow2LedN8sL4pq8ubukO77phSVt4QyCm35ZGCYXKvRFayAwcpgB0sjNJglDoTuRdUL32q/ZC1VkPBo0AOEr4Uiw==
+postcss-place@^9.0.0:
+  version "9.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-place/-/postcss-place-9.0.0.tgz#7e47851bf40d16ce06f6013453b706100ca6c102"
+  integrity sha512-qLEPD9VPH5opDVemwmRaujODF9nExn24VOC3ghgVLEvfYN7VZLwJHes0q/C9YR5hI2UC3VgBE8Wkdp1TxCXhtg==
   dependencies:
     postcss-value-parser "^4.2.0"
 
-postcss-preset-env@8.3.1:
-  version "8.3.1"
-  resolved "https://registry.yarnpkg.com/postcss-preset-env/-/postcss-preset-env-8.3.1.tgz#f7a5af0604df54da12eb0be9123c4c7fd5e01f81"
-  integrity sha512-k3Y8BXbVLBAufrla3CNmQJhMS1iRuT9LFlysYvzs1rU5E78+ShX2u0EUL6KpMi0pDJO3wZcuVYSR8cgukfoRtg==
-  dependencies:
-    "@csstools/postcss-cascade-layers" "^3.0.1"
-    "@csstools/postcss-color-function" "^2.2.1"
-    "@csstools/postcss-color-mix-function" "^1.0.1"
-    "@csstools/postcss-font-format-keywords" "^2.0.2"
-    "@csstools/postcss-gradients-interpolation-method" "^3.0.3"
-    "@csstools/postcss-hwb-function" "^2.2.1"
-    "@csstools/postcss-ic-unit" "^2.0.2"
-    "@csstools/postcss-is-pseudo-class" "^3.2.0"
-    "@csstools/postcss-logical-float-and-clear" "^1.0.1"
-    "@csstools/postcss-logical-resize" "^1.0.1"
-    "@csstools/postcss-logical-viewport-units" "^1.0.3"
-    "@csstools/postcss-media-minmax" "^1.0.2"
-    "@csstools/postcss-media-queries-aspect-ratio-number-values" "^1.0.2"
-    "@csstools/postcss-nested-calc" "^2.0.2"
-    "@csstools/postcss-normalize-display-values" "^2.0.1"
-    "@csstools/postcss-oklab-function" "^2.2.1"
-    "@csstools/postcss-progressive-custom-properties" "^2.1.0"
-    "@csstools/postcss-scope-pseudo-class" "^2.0.2"
-    "@csstools/postcss-stepped-value-functions" "^2.1.1"
-    "@csstools/postcss-text-decoration-shorthand" "^2.2.3"
-    "@csstools/postcss-trigonometric-functions" "^2.1.1"
-    "@csstools/postcss-unset-value" "^2.0.1"
+postcss-preset-env@9.0.0:
+  version "9.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-preset-env/-/postcss-preset-env-9.0.0.tgz#9ca4fc5c0b4a0584d4284008a33ec2d456e2b5a5"
+  integrity sha512-L0x/Nluq+/FkidIYjU7JtkmRL2/QmXuYkxuM3C5y9VG3iGLljF9PuBHQ7kzKRoVfwnca0VNN0Zb3a/bxVJ12vA==
+  dependencies:
+    "@csstools/postcss-cascade-layers" "^4.0.0"
+    "@csstools/postcss-color-function" "^2.2.3"
+    "@csstools/postcss-color-mix-function" "^1.0.3"
+    "@csstools/postcss-font-format-keywords" "^3.0.0"
+    "@csstools/postcss-gradients-interpolation-method" "^4.0.0"
+    "@csstools/postcss-hwb-function" "^3.0.0"
+    "@csstools/postcss-ic-unit" "^3.0.0"
+    "@csstools/postcss-is-pseudo-class" "^4.0.0"
+    "@csstools/postcss-logical-float-and-clear" "^2.0.0"
+    "@csstools/postcss-logical-resize" "^2.0.0"
+    "@csstools/postcss-logical-viewport-units" "^2.0.0"
+    "@csstools/postcss-media-minmax" "^1.0.5"
+    "@csstools/postcss-media-queries-aspect-ratio-number-values" "^2.0.0"
+    "@csstools/postcss-nested-calc" "^3.0.0"
+    "@csstools/postcss-normalize-display-values" "^3.0.0"
+    "@csstools/postcss-oklab-function" "^3.0.0"
+    "@csstools/postcss-progressive-custom-properties" "^3.0.0"
+    "@csstools/postcss-relative-color-syntax" "^2.0.0"
+    "@csstools/postcss-scope-pseudo-class" "^3.0.0"
+    "@csstools/postcss-stepped-value-functions" "^3.0.0"
+    "@csstools/postcss-text-decoration-shorthand" "^3.0.0"
+    "@csstools/postcss-trigonometric-functions" "^3.0.0"
+    "@csstools/postcss-unset-value" "^3.0.0"
     autoprefixer "^10.4.14"
-    browserslist "^4.21.5"
-    css-blank-pseudo "^5.0.2"
-    css-has-pseudo "^5.0.2"
-    css-prefers-color-scheme "^8.0.2"
-    cssdb "^7.5.3"
+    browserslist "^4.21.9"
+    css-blank-pseudo "^6.0.0"
+    css-has-pseudo "^6.0.0"
+    css-prefers-color-scheme "^9.0.0"
+    cssdb "^7.6.0"
     postcss-attribute-case-insensitive "^6.0.2"
     postcss-clamp "^4.1.0"
-    postcss-color-functional-notation "^5.0.2"
+    postcss-color-functional-notation "^6.0.0"
     postcss-color-hex-alpha "^9.0.2"
-    postcss-color-rebeccapurple "^8.0.2"
-    postcss-custom-media "^9.1.3"
-    postcss-custom-properties "^13.1.5"
-    postcss-custom-selectors "^7.1.3"
-    postcss-dir-pseudo-class "^7.0.2"
-    postcss-double-position-gradients "^4.0.2"
-    postcss-focus-visible "^8.0.2"
-    postcss-focus-within "^7.0.2"
+    postcss-color-rebeccapurple "^9.0.0"
+    postcss-custom-media "^10.0.0"
+    postcss-custom-properties "^13.2.1"
+    postcss-custom-selectors "^7.1.4"
+    postcss-dir-pseudo-class "^8.0.0"
+    postcss-double-position-gradients "^5.0.0"
+    postcss-focus-visible "^9.0.0"
+    postcss-focus-within "^8.0.0"
     postcss-font-variant "^5.0.0"
-    postcss-gap-properties "^4.0.1"
-    postcss-image-set-function "^5.0.2"
+    postcss-gap-properties "^5.0.0"
+    postcss-image-set-function "^6.0.0"
     postcss-initial "^4.0.1"
-    postcss-lab-function "^5.2.1"
-    postcss-logical "^6.1.0"
-    postcss-nesting "^11.2.1"
+    postcss-lab-function "^6.0.0"
+    postcss-logical "^7.0.0"
+    postcss-nesting "^12.0.0"
     postcss-opacity-percentage "^2.0.0"
-    postcss-overflow-shorthand "^4.0.1"
+    postcss-overflow-shorthand "^5.0.0"
     postcss-page-break "^3.0.4"
-    postcss-place "^8.0.1"
-    postcss-pseudo-class-any-link "^8.0.2"
+    postcss-place "^9.0.0"
+    postcss-pseudo-class-any-link "^9.0.0"
     postcss-replace-overflow-wrap "^4.0.0"
     postcss-selector-not "^7.0.1"
     postcss-value-parser "^4.2.0"
 
-postcss-pseudo-class-any-link@^8.0.2:
-  version "8.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-pseudo-class-any-link/-/postcss-pseudo-class-any-link-8.0.2.tgz#f5738503f2045de0c4dc216eca99bd835f74e42e"
-  integrity sha512-FYTIuRE07jZ2CW8POvctRgArQJ43yxhr5vLmImdKUvjFCkR09kh8pIdlCwdx/jbFm7MiW4QP58L4oOUv3grQYA==
+postcss-pseudo-class-any-link@^9.0.0:
+  version "9.0.0"
+  resolved "https://registry.yarnpkg.com/postcss-pseudo-class-any-link/-/postcss-pseudo-class-any-link-9.0.0.tgz#5fb5b700e0ecdc845a94eb433b8ccff756cbf660"
+  integrity sha512-QNCYIL98VKFKY6HGDEJpF6+K/sg9bxcUYnOmNHJxZS5wsFDFaVoPeG68WAuhsqwbIBSo/b9fjEnTwY2mTSD+uA==
   dependencies:
-    postcss-selector-parser "^6.0.10"
+    postcss-selector-parser "^6.0.13"
 
 postcss-pseudoelements@^5.0.0:
   version "5.0.0"
@@ -12865,6 +12924,14 @@ postcss-selector-parser@^6.0.0, postcss-selector-parser@^6.0.10, postcss-selecto
     cssesc "^3.0.0"
     util-deprecate "^1.0.2"
 
+postcss-selector-parser@^6.0.13:
+  version "6.0.13"
+  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.13.tgz#d05d8d76b1e8e173257ef9d60b706a8e5e99bf1b"
+  integrity sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ==
+  dependencies:
+    cssesc "^3.0.0"
+    util-deprecate "^1.0.2"
+
 postcss-simple-vars@^4.0.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/postcss-simple-vars/-/postcss-simple-vars-4.1.0.tgz#043248cfef8d3f51b3486a28c09f8375dbf1b2f9"
@@ -12894,21 +12961,12 @@ postcss@^7.0.14, postcss@^7.0.26, postcss@^7.0.32, postcss@^7.0.35, postcss@^7.0
     picocolors "^0.2.1"
     source-map "^0.6.1"
 
-postcss@^8.2.15:
-  version "8.4.14"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.14.tgz#ee9274d5622b4858c1007a74d76e42e56fd21caf"
-  integrity sha512-E398TUmfAYFPBSdzgeieK2Y1+1cpdxJx8yXbK/m57nRhKSmk1GB2tO4lbLBtlkfPQTDKfe4Xqv1ASWPpayPEig==
+postcss@^8.2.15, postcss@^8.4.21, postcss@^8.4.5:
+  version "8.4.24"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.24.tgz#f714dba9b2284be3cc07dbd2fc57ee4dc972d2df"
+  integrity sha512-M0RzbcI0sO/XJNucsGjvWU9ERWxb/ytp1w6dKtxTKgixdtQDq4rmx/g8W1hnaheq9jgwL/oyEdH5Bc4WwJKMqg==
   dependencies:
-    nanoid "^3.3.4"
-    picocolors "^1.0.0"
-    source-map-js "^1.0.2"
-
-postcss@^8.4.5, postcss@^8.4.7:
-  version "8.4.13"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.13.tgz#7c87bc268e79f7f86524235821dfdf9f73e5d575"
-  integrity sha512-jtL6eTBrza5MPzy8oJLFuUscHDXTV5KcLlqAWHl5q5WYRfnNRGSmOZmOZ1T6Gy7A99mOZfqungmZMpMmCVJ8ZA==
-  dependencies:
-    nanoid "^3.3.3"
+    nanoid "^3.3.6"
     picocolors "^1.0.0"
     source-map-js "^1.0.2"
 
@@ -15549,10 +15607,10 @@ upath@^1.1.1:
   resolved "https://registry.yarnpkg.com/upath/-/upath-1.2.0.tgz#8f66dbcd55a883acdae4408af8b035a5044c1894"
   integrity sha512-aZwGpamFO61g3OlfT7OQCHqhGnW43ieH9WZeP7QxN/G/jS4jfqUkZxoryvJgVPEcrl5NL/ggHsSmLMHuH64Lhg==
 
-update-browserslist-db@^1.0.10:
-  version "1.0.10"
-  resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.0.10.tgz#0f54b876545726f17d00cd9a2561e6dade943ff3"
-  integrity sha512-OztqDenkfFkbSG+tRxBeAnCVPckDBcvibKd35yDONx6OU8N7sqgwc7rCbkJ/WcYtVRZ4ba68d6byhC21GFh7sQ==
+update-browserslist-db@^1.0.11:
+  version "1.0.11"
+  resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.0.11.tgz#9a2a641ad2907ae7b3616506f4b977851db5b940"
+  integrity sha512-dCwEFf0/oT85M1fHBg4F0jtLwJrutGoHSQXCh7u4o2t1drG+c0a9Flnqww6XUKSfQMPpJBRjU8d4RXB09qtvaA==
   dependencies:
     escalade "^3.1.1"
     picocolors "^1.0.0"