diff --git a/package.json b/package.json
index 4eed6b0ae..fc98b7353 100644
--- a/package.json
+++ b/package.json
@@ -23,6 +23,8 @@
     "dependencies": {
         "@datadog/browser-logs": "^4.21.2",
         "@heroicons/react": "^1.0.6",
+        "@stripe/react-stripe-js": "1.13.0",
+        "@stripe/stripe-js": "1.41.0",
         "apexcharts": "^3.36.0",
         "axios": "^1.1.2",
         "browser-cookies": "^1.2.0",
@@ -78,8 +80,6 @@
         "@babel/preset-typescript": "^7.18.6",
         "@babel/runtime": "^7.19.4",
         "@cypress/code-coverage": "^3.10.0",
-        "@stripe/react-stripe-js": "1.13.0",
-        "@stripe/stripe-js": "1.41.0",
         "@testing-library/jest-dom": "^5.16.5",
         "@testing-library/react": "^13.4.0",
         "@testing-library/user-event": "^14.4.3",
@@ -144,6 +144,7 @@
         "start-server-and-test": "^1.14.0",
         "style-loader": "^3.3.1",
         "systemjs-webpack-interop": "^2.3.7",
+        "typed-scss-modules": "^7.0.1",
         "webpack": "^4.41.2",
         "webpack-cli": "^4.10.0",
         "webpack-config-single-spa-react": "^4.0.3",
diff --git a/src-ts/declarations.d.ts b/src-ts/declarations.d.ts
index 84ecabc9c..71bd1d6e3 100644
--- a/src-ts/declarations.d.ts
+++ b/src-ts/declarations.d.ts
@@ -7,11 +7,6 @@ declare module '*.html' {
 
 declare module '*.pdf'
 
-declare module '*.scss' {
-    const scssFile: { [style: string]: any }
-    export = scssFile
-}
-
 declare module '*.svg' {
     import * as React from 'react'
 
diff --git a/src-ts/header/utility-selectors/UtilitySelector/ProfileSelector/profile-not-logged-in/ProfileNotLoggedIn.tsx b/src-ts/header/utility-selectors/UtilitySelector/ProfileSelector/profile-not-logged-in/ProfileNotLoggedIn.tsx
index 435f0e0f1..d0b577aee 100644
--- a/src-ts/header/utility-selectors/UtilitySelector/ProfileSelector/profile-not-logged-in/ProfileNotLoggedIn.tsx
+++ b/src-ts/header/utility-selectors/UtilitySelector/ProfileSelector/profile-not-logged-in/ProfileNotLoggedIn.tsx
@@ -1,4 +1,4 @@
-import { FC, useContext } from 'react'
+import { FC, useCallback, useContext } from 'react'
 import { Location, useLocation } from 'react-router-dom'
 
 import {
@@ -14,10 +14,13 @@ const ProfileNotLoggedIn: FC<{}> = () => {
     const routeData: RouteContextData = useContext(routeContext)
     const location: Location = useLocation()
 
-    function signUp(): void {
+    const signUpHandler: () => void = useCallback(() => {
         const signupUrl: string = routeData.getSignupUrl(location.pathname, routeData.toolsRoutes)
         window.location.href = signupUrl
-    }
+    }, [
+        location.pathname,
+        routeData,
+    ])
 
     return (
         <>
@@ -34,7 +37,7 @@ const ProfileNotLoggedIn: FC<{}> = () => {
                 label='Sign Up'
                 size='md'
                 tabIndex={-1}
-                onClick={signUp}
+                onClick={signUpHandler}
             />
         </>
     )
diff --git a/src-ts/lib/breadcrumb/breadcrumb-item/BreadcrumbItem.tsx b/src-ts/lib/breadcrumb/breadcrumb-item/BreadcrumbItem.tsx
index 43e43a236..076b9ecae 100644
--- a/src-ts/lib/breadcrumb/breadcrumb-item/BreadcrumbItem.tsx
+++ b/src-ts/lib/breadcrumb/breadcrumb-item/BreadcrumbItem.tsx
@@ -10,12 +10,25 @@ interface BreadcrumbItemProps {
     item: BreadcrumbItemModel
 }
 
-const BreadcrumbItem: FC<BreadcrumbItemProps> = (props: BreadcrumbItemProps) => (
-    <li key={props.index} onClick={() => props.item.onClick?.(props.item)}>
-        <Link className={props.item.isElipsis && styles.elipsis} to={props.item.url}>
-            {props.item.name}
-        </Link>
-    </li>
-)
+const BreadcrumbItem: FC<BreadcrumbItemProps> = (props: BreadcrumbItemProps) => {
+
+    function onClick(): void {
+        props.item.onClick?.(props.item)
+    }
+
+    return (
+        <li
+            key={props.index}
+            onClick={() => onClick()}
+        >
+            <Link
+                className={props.item.isElipsis && styles.elipsis}
+                to={props.item.url}
+            >
+                {props.item.name}
+            </Link>
+        </li>
+    )
+}
 
 export default BreadcrumbItem
diff --git a/src-ts/lib/button/Button.tsx b/src-ts/lib/button/Button.tsx
index e465f0696..fffac4015 100644
--- a/src-ts/lib/button/Button.tsx
+++ b/src-ts/lib/button/Button.tsx
@@ -43,7 +43,7 @@ const Button: FC<ButtonProps> = (props: ButtonProps) => {
                 className={classes}
                 href={props.url}
                 onClick={clickHandler}
-                rel={props.rel ?? props.target === '_blank' ? 'noreferrer' : ''}
+                rel={props.rel || props.target === '_blank' ? 'noreferrer' : ''}
                 role='button'
                 tabIndex={props.tabIndex}
                 title={props.title}
@@ -104,14 +104,20 @@ const Button: FC<ButtonProps> = (props: ButtonProps) => {
     )
 }
 
-function getButtonClasses(props: ButtonProps): string {
+function getButtonClasses(
+    className: string,
+    buttonStyle: ButtonStyle,
+    size: ButtonSize,
+    disable?: boolean,
+    hidden?: boolean,
+): string {
     const classes: string = classNames(
         'button',
-        props.className,
-        props.buttonStyle || 'primary',
-        `button-${props.size || 'md'}`,
-        !!props.disable ? 'disabled' : undefined,
-        props.hidden ? 'hidden' : undefined,
+        className,
+        buttonStyle || 'primary',
+        `button-${size || 'md'}`,
+        { disabled: disable },
+        { hidden },
     )
     return classes
 }
diff --git a/src-ts/lib/form/Form.tsx b/src-ts/lib/form/Form.tsx
index 857c9b766..07de469e4 100644
--- a/src-ts/lib/form/Form.tsx
+++ b/src-ts/lib/form/Form.tsx
@@ -23,8 +23,9 @@ import {
     formOnChange,
     formOnReset,
     formOnSubmitAsync,
+    formValidateForm,
+    FormValue,
 } from './form-functions'
-import { validateForm } from './form-functions/form.functions'
 import { FormGroups } from './form-groups'
 import styles from './Form.module.scss'
 
@@ -41,8 +42,8 @@ interface FormProps<ValueType, RequestType> {
     readonly shouldDisableButton?: (isPrimaryGroup: boolean, index: number) => boolean
 }
 
-const Form: <ValueType extends any, RequestType extends any>(props: FormProps<ValueType, RequestType>) => JSX.Element
-    = <ValueType extends any, RequestType extends any>(props: FormProps<ValueType, RequestType>) => {
+const Form: <ValueType extends FormValue, RequestType extends FormValue>(props: FormProps<ValueType, RequestType>) => JSX.Element
+    = <ValueType extends FormValue, RequestType extends FormValue>(props: FormProps<ValueType, RequestType>) => {
 
         const [formDef, setFormDef]: [FormDefinition, Dispatch<SetStateAction<FormDefinition>>]
             = useState<FormDefinition>({ ...props.formDef })
@@ -65,7 +66,7 @@ const Form: <ValueType extends any, RequestType extends any>(props: FormProps<Va
                 return
             }
 
-            validateForm(formRef.current?.elements, 'initial', inputs)
+            formValidateForm(formRef.current?.elements, 'initial', inputs)
             checkIfFormIsValid(inputs)
         }, [
             formRef,
@@ -78,7 +79,7 @@ const Form: <ValueType extends any, RequestType extends any>(props: FormProps<Va
             }
 
             // so we repeat the validation when formValues changes, to support the parent component's async data loading
-            validateForm(formRef.current?.elements, 'change', inputs)
+            formValidateForm(formRef.current?.elements, 'change', inputs)
             checkIfFormIsValid(inputs)
         }, [
             props.formValues,
@@ -90,6 +91,7 @@ const Form: <ValueType extends any, RequestType extends any>(props: FormProps<Va
             if (props.resetFormOnUnmount) {
                 onReset()
             }
+            // eslint-disable-next-line react-hooks/exhaustive-deps
         }, [])
 
         function checkIfFormIsValid(formInputFields: Array<FormInputModel>): void {
@@ -167,7 +169,7 @@ const Form: <ValueType extends any, RequestType extends any>(props: FormProps<Va
                     {...button}
                     key={button.label || `button-${index}`}
                     disable={disabled}
-                    tabIndex={button.notTabble ? -1 : index + (inputs ? inputs.length : 0) + (formDef.tabIndexStart || 0)}
+                    tabIndex={button.notTabble ? -1 : index + (inputs?.length || 0) + (formDef.tabIndexStart || 0)}
                 />
             )
         })
diff --git a/src-ts/lib/form/form-functions/form-value.model.ts b/src-ts/lib/form/form-functions/form-value.model.ts
new file mode 100644
index 000000000..7b8e1e5f8
--- /dev/null
+++ b/src-ts/lib/form/form-functions/form-value.model.ts
@@ -0,0 +1,5 @@
+import { InputValue } from '../form-input.model'
+
+export interface FormValue {
+    [propertyName: string]: InputValue,
+}
diff --git a/src-ts/lib/form/form-functions/form.functions.ts b/src-ts/lib/form/form-functions/form.functions.ts
index cec5c58c5..f8e089601 100644
--- a/src-ts/lib/form/form-functions/form.functions.ts
+++ b/src-ts/lib/form/form-functions/form.functions.ts
@@ -3,9 +3,13 @@ import { toast } from 'react-toastify'
 
 import { FormAction, FormDefinition } from '../form-definition.model'
 import { FormGroup } from '../form-group.model'
-import { FormInputModel } from '../form-input.model'
+import { FormInputModel, InputValue } from '../form-input.model'
 
-export function getInputElement(formElements: HTMLFormControlsCollection, fieldName: string): HTMLInputElement {
+import { FormValue } from './form-value.model'
+
+export type ValidationEvent = 'blur' | 'change' | 'submit' | 'initial'
+
+export function getInputElement(formElements: HTMLFormControlsCollection, fieldName: string): HTMLInputElement | undefined {
     return formElements.namedItem(fieldName) as HTMLInputElement
 }
 
@@ -29,29 +33,43 @@ export function getInputModel(inputs: ReadonlyArray<FormInputModel>, fieldName:
     return formField
 }
 
-export function initializeValues<T>(inputs: Array<FormInputModel>, formValues?: T): void {
-    inputs
+export function initializeValues<T extends FormValue>(
+    inputs: Array<FormInputModel>,
+    formValues?: T,
+): void {
+
+    const filteredInputs: ReadonlyArray<FormInputModel> = inputs
         .filter(input => !input.dirty && !input.touched)
-        .forEach(input => {
-            if (input.type === 'checkbox') {
-                input.value = input.checked || false
-            } else {
-                input.value = !!(formValues as any)?.hasOwnProperty(input.name)
-                    ? (formValues as any)[input.name]
+
+    for (const input of filteredInputs) {
+        if (input.type === 'checkbox') {
+            input.value = input.checked || false
+        } else {
+            input.value
+                = !!formValues && Object.prototype.hasOwnProperty.call(formValues, input.name)
+                    ? (formValues as { [id: string]: InputValue })[input.name]
                     : undefined
-            }
-        })
+        }
+    }
 }
 
-export function onBlur<T>(event: FormEvent<HTMLInputElement | HTMLTextAreaElement>, inputs: ReadonlyArray<FormInputModel>, formValues?: T): void {
+export function onBlur<T extends FormValue>(
+    event: FormEvent<HTMLInputElement | HTMLTextAreaElement>,
+    inputs: ReadonlyArray<FormInputModel>,
+    formValues?: T,
+): void {
     handleFieldEvent<T>(event.target as HTMLInputElement | HTMLTextAreaElement, inputs, 'blur', formValues)
 }
 
-export function onChange<T>(event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>, inputs: ReadonlyArray<FormInputModel>, formValues?: T): void {
+export function onChange<T extends FormValue>(
+    event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>,
+    inputs: ReadonlyArray<FormInputModel>,
+    formValues?: T,
+): void {
     handleFieldEvent<T>(event.target as HTMLInputElement | HTMLTextAreaElement, inputs, 'change', formValues)
 }
 
-export function onReset(inputs: ReadonlyArray<FormInputModel>, formValue?: any): void {
+export function onReset<T extends FormValue>(inputs: ReadonlyArray<FormInputModel>, formValue?: T): void {
     inputs?.forEach(inputDef => {
         const typeCastedInput: FormInputModel = inputDef as FormInputModel
         typeCastedInput.dirty = false
@@ -61,7 +79,7 @@ export function onReset(inputs: ReadonlyArray<FormInputModel>, formValue?: any):
     })
 }
 
-export async function onSubmitAsync<T>(
+export async function onSubmitAsync<T extends FormValue>(
     action: FormAction,
     event: FormEvent<HTMLFormElement>,
     formDef: FormDefinition,
@@ -93,13 +111,14 @@ export async function onSubmitAsync<T>(
     }
 
     // set the properties for the updated T value
+    const updatedValue: FormValue = { ...formValue }
     inputs
         .forEach(field => {
-            (formValue as any)[field.name] = field.value
+            updatedValue[field.name] = field.value
         })
 
     // if there are no dirty fields, don't actually perform the save
-    const savePromise: Promise<void> = !dirty ? Promise.resolve() : save(formValue)
+    const savePromise: Promise<void> = !dirty ? Promise.resolve() : save(updatedValue as T)
 
     return savePromise
         .then(() => {
@@ -109,13 +128,18 @@ export async function onSubmitAsync<T>(
             toast.success(safeSuccessMessage)
             onSuccess?.()
         })
-        .catch(error => Promise.reject(error.response?.data?.result?.content || error.message || error))
+        .catch(error => Promise.reject(error.response?.data?.result?.content ?? error.message ?? error))
 }
 
-function handleFieldEvent<T>(input: HTMLInputElement | HTMLTextAreaElement, inputs: ReadonlyArray<FormInputModel>, event: 'blur' | 'change', formValues?: T): void {
+function handleFieldEvent<T extends FormValue>(
+    input: HTMLInputElement | HTMLTextAreaElement,
+    inputs: ReadonlyArray<FormInputModel>,
+    event: 'blur' | 'change',
+    formValues?: T,
+): void {
 
     // set the dirty and touched flags on the field
-    const originalValue: string | undefined = (formValues as any)?.[input.name]
+    const originalValue: InputValue = formValues?.[input.name]
 
     const inputDef: FormInputModel = getInputModel(inputs, input.name)
 
@@ -153,7 +177,11 @@ function handleFieldEvent<T>(input: HTMLInputElement | HTMLTextAreaElement, inpu
         })
 }
 
-function validateField(formInputDef: FormInputModel, formElements: HTMLFormControlsCollection, event: 'blur' | 'change' | 'submit' | 'initial'): void {
+function validateField(
+    formInputDef: FormInputModel,
+    formElements: HTMLFormControlsCollection,
+    event: 'blur' | 'change' | 'submit' | 'initial',
+): void {
 
     // this is the error the field had before the event took place
     const previousError: string | undefined = formInputDef.error
@@ -162,7 +190,11 @@ function validateField(formInputDef: FormInputModel, formElements: HTMLFormContr
         ?.forEach(validatorFunction => {
 
             // if the next error is the same as the previous error, then no need to do anything
-            const nextError: string | undefined = validatorFunction.validator(formInputDef.value, formElements, validatorFunction.dependentField)
+            const nextError: string | undefined = validatorFunction.validator(
+                formInputDef.value,
+                formElements,
+                validatorFunction.dependentField,
+            )
 
             if (previousError === nextError) {
                 return
@@ -186,13 +218,19 @@ function validateField(formInputDef: FormInputModel, formElements: HTMLFormContr
         })
 }
 
-export type ValidationEvent = 'blur' | 'change' | 'submit' | 'initial'
+export function validateForm(
+    formElements: HTMLFormControlsCollection,
+    event: ValidationEvent,
+    inputs: ReadonlyArray<FormInputModel>,
+): boolean {
+
+    let hasError: boolean = false
 
-export function validateForm(formElements: HTMLFormControlsCollection, event: ValidationEvent, inputs: ReadonlyArray<FormInputModel>): boolean {
-    const errors: ReadonlyArray<FormInputModel> = inputs?.filter(formInputDef => {
+    for (const formInputDef of inputs) {
         formInputDef.dirty = formInputDef.dirty || event === 'submit'
         validateField(formInputDef, formElements, event)
-        return !!formInputDef.error
-    })
-    return !errors.length
+        hasError = hasError || !!formInputDef.error
+    }
+
+    return !hasError
 }
diff --git a/src-ts/lib/form/form-functions/index.ts b/src-ts/lib/form/form-functions/index.ts
index 5928e9090..e763c2827 100644
--- a/src-ts/lib/form/form-functions/index.ts
+++ b/src-ts/lib/form/form-functions/index.ts
@@ -7,4 +7,6 @@ export {
     onReset as formOnReset,
     onSubmitAsync as formOnSubmitAsync,
     getFormInputFields as formGetInputFields,
+    validateForm as formValidateForm,
 } from './form.functions'
+export * from './form-value.model'
diff --git a/src-ts/lib/form/form-groups/form-card-set/FormCardSet.tsx b/src-ts/lib/form/form-groups/form-card-set/FormCardSet.tsx
index 9da8a4824..59c247986 100644
--- a/src-ts/lib/form/form-groups/form-card-set/FormCardSet.tsx
+++ b/src-ts/lib/form/form-groups/form-card-set/FormCardSet.tsx
@@ -1,7 +1,15 @@
 import React, { FocusEvent, SVGProps } from 'react'
 import cn from 'classnames'
 
-import { Button, IconCheck, IconOutline, IconSolid, textFormatMoneyLocaleString, Tooltip, useCheckIsMobile } from '../../..'
+import {
+    Button,
+    IconCheck,
+    IconOutline,
+    IconSolid,
+    textFormatMoneyLocaleString,
+    Tooltip,
+    useCheckIsMobile,
+} from '../../..'
 import { FormCard, FormInputModel } from '../../form-input.model'
 
 import styles from './FormCardSet.module.scss'
@@ -10,7 +18,8 @@ interface FormCardSetProps extends FormInputModel {
     readonly onChange: (event: FocusEvent<HTMLInputElement>) => void
 }
 
-const FormCardSet: React.FC<FormCardSetProps> = ({ name, cards, onChange, value }: FormCardSetProps) => {
+const FormCardSet: React.FC<FormCardSetProps> = (props: FormCardSetProps) => {
+
     const isMobile: boolean = useCheckIsMobile()
 
     const iconFromName: (icon: string) => JSX.Element = (icon: string) => {
@@ -25,16 +34,14 @@ const FormCardSet: React.FC<FormCardSetProps> = ({ name, cards, onChange, value
 
     const getButton: (card: FormCard, selected: boolean) => JSX.Element = (card, selected) => (
         <Button
-            onClick={evt => {
-                onChange(evt)
-            }}
+            onClick={evt => props.onChange(evt)}
             label={selected ? 'Selected' : 'Choose package'}
             buttonStyle={selected ? 'primary' : 'secondary'}
             type={selected ? 'button' : 'submit'}
             size='sm'
             icon={selected ? IconCheck : undefined}
             id={card.id}
-            name={name}
+            name={props.name}
             className={selected ? 'flex-row' : ''}
         />
     )
@@ -42,12 +49,12 @@ const FormCardSet: React.FC<FormCardSetProps> = ({ name, cards, onChange, value
     return (
         <div className={styles['form-card-set']}>
             {
-                cards?.map((card, index: number) => {
+                props.cards?.map((card, index: number) => {
                     const formattedPrice: string | undefined = textFormatMoneyLocaleString(card.price)
-                    const selected: boolean = value === card.id
+                    const selected: boolean = props.value === card.id
                     return (
                         <div key={`card-${index}`} className={cn(styles.card, selected && styles.selected, isMobile && card.mostPopular && styles['mobile-popular'], { [styles.feature]: index === 0, [styles.mobile]: isMobile })}>
-                            { card.mostPopular && <div className={styles['popular-card']}>MOST POPULAR</div>}
+                            {card.mostPopular && <div className={styles['popular-card']}>MOST POPULAR</div>}
                             <div className={cn(styles['card-header'], isMobile && styles.mobile, { [styles.feature]: index === 0 })}>
                                 <div className='body-medium-bold'>{card.title}</div>
                                 <h3>{formattedPrice}</h3>
@@ -59,7 +66,7 @@ const FormCardSet: React.FC<FormCardSetProps> = ({ name, cards, onChange, value
                                         <div className={styles.row}>
                                             <div className={styles['row-divider']} />
                                             <div key={`row-${rowIndex}`} className={styles['card-row']}>
-                                                { ((isMobile) || (index === 0)) && (
+                                                {((isMobile) || (index === 0)) && (
                                                     <span className={cn(styles['card-row-col'], styles.mobile, styles['feature-name'])}>
                                                         {row.icon && iconFromName(row.icon)}
                                                         {row.label
@@ -74,7 +81,7 @@ const FormCardSet: React.FC<FormCardSetProps> = ({ name, cards, onChange, value
                                                     </span>
                                                 )}
                                                 <span className={cn(styles['card-row-col'], styles.center)}>
-                                                    { row.valueIcon
+                                                    {row.valueIcon
                                                         ? <IconOutline.CheckIcon width={18} height={16} />
                                                         : <span className='body-main'>{row.text}</span>}
                                                 </span>
diff --git a/src-ts/lib/form/form-groups/form-input/input-rating/InputRating.tsx b/src-ts/lib/form/form-groups/form-input/input-rating/InputRating.tsx
index 0cc8bda74..5a4221aa8 100644
--- a/src-ts/lib/form/form-groups/form-input/input-rating/InputRating.tsx
+++ b/src-ts/lib/form/form-groups/form-input/input-rating/InputRating.tsx
@@ -51,7 +51,7 @@ const InputRating: FC<InputRatingProps> = (props: InputRatingProps) => {
             />
         )
         stars.push(element)
-        index++ // incrementing by 2, so do a 2nd increment each time through the loop
+        index += 1 // incrementing by 2, so do a 2nd increment each time through the loop
     }
 
     useEffect(() => {
diff --git a/src-ts/lib/form/validator-functions/validator.functions.ts b/src-ts/lib/form/validator-functions/validator.functions.ts
index 0f16862de..fb697d334 100644
--- a/src-ts/lib/form/validator-functions/validator.functions.ts
+++ b/src-ts/lib/form/validator-functions/validator.functions.ts
@@ -13,7 +13,7 @@ export function doesNotMatchOther(value: InputValue, formElements?: HTMLFormCont
 
     // if there is no value, there's no need to check the other input
     // bc this is a match validator not a required validator
-    if (!value) {
+    if (value === undefined) {
         return undefined
     }
 
@@ -35,9 +35,7 @@ export function email(value: InputValue): string | undefined {
     // if there is no value, do not set the error
     // b/c this is an email validator, not a required
     // validator
-    // Have to retain the boolean check to satisfy typescript else .test
-    // method will show typescript error
-    if (!value || typeof value === 'boolean') {
+    if (value === undefined) {
         return undefined
     }
 
@@ -55,7 +53,7 @@ export function password(value: InputValue): string | undefined {
     // validator
     // Have to retain the boolean check to satisfy typescript else .test
     // method will show typescript error
-    if (!value || typeof value === 'boolean') {
+    if (value === undefined) {
         return undefined
     }
 
@@ -74,7 +72,7 @@ export function matchOther(value: InputValue, formElements?: HTMLFormControlsCol
 
     // if there is no value, there's no need to check the other input
     // bc this is a match validator not a required validator
-    if (!value) {
+    if (value === undefined) {
         return undefined
     }
 
@@ -143,7 +141,7 @@ function getOtherField(formElements?: HTMLFormControlsCollection, otherFieldName
     }
 
     // get the other form field
-    const otherField: HTMLInputElement = formGetInput(formElements, otherFieldName)
+    const otherField: HTMLInputElement | undefined = formGetInput(formElements, otherFieldName)
 
     // if there is no other field, we have a problem
     if (!otherField) {
diff --git a/src-ts/lib/functions/authentication-functions/authentication.functions.ts b/src-ts/lib/functions/authentication-functions/authentication.functions.ts
index a0d954c58..bd560c73e 100644
--- a/src-ts/lib/functions/authentication-functions/authentication.functions.ts
+++ b/src-ts/lib/functions/authentication-functions/authentication.functions.ts
@@ -28,7 +28,7 @@ export function getRegistrationSource(activeTool: PlatformRoute | undefined): Au
 
         // currently, there is no reg source for members
         case ToolTitle.learn:
-            return
+            return undefined
 
         // currently, the work tool and the platform
         // landing page use the reg source of selfService
diff --git a/src-ts/lib/modals/confirm/ConfirmModal.tsx b/src-ts/lib/modals/confirm/ConfirmModal.tsx
index 7b51536eb..2132cea9b 100755
--- a/src-ts/lib/modals/confirm/ConfirmModal.tsx
+++ b/src-ts/lib/modals/confirm/ConfirmModal.tsx
@@ -10,31 +10,26 @@ export interface ConfirmModalProps extends ModalProps {
     title: string
 }
 
-const ConfirmModal: FC<ConfirmModalProps> = ({
-    children,
-    onConfirm,
-    action = 'Confirm',
-    ...props
-}: ConfirmModalProps) => (
+const ConfirmModal: FC<ConfirmModalProps> = (props: ConfirmModalProps) => (
     <BaseModal
         {...props}
         styles={{ modal: { maxWidth: '450px' } }}
     >
-        {children}
+        {props.children}
         <div className='button-container'>
             <Button
+                buttonStyle='secondary'
                 label='Cancel'
                 onClick={props.onClose}
-                tabIndex={1}
-                buttonStyle='secondary'
                 size='lg'
+                tabIndex={1}
             />
             <Button
                 buttonStyle='primary'
-                label={action}
-                onClick={onConfirm}
-                tabIndex={2}
+                label={props.action || 'Confirm'}
+                onClick={props.onConfirm}
                 size='lg'
+                tabIndex={2}
             />
         </div>
     </BaseModal>
diff --git a/src-ts/lib/profile-provider/profile.provider.tsx b/src-ts/lib/profile-provider/profile.provider.tsx
index 7498f2049..c104a996c 100644
--- a/src-ts/lib/profile-provider/profile.provider.tsx
+++ b/src-ts/lib/profile-provider/profile.provider.tsx
@@ -6,8 +6,8 @@ import { ChangePasswordRequest } from './change-password-request.model'
 import { EditNameRequest } from './edit-name-request.model'
 import { ProfileContextData } from './profile-context-data.model'
 import { profileEditNameAsync, profileGetAsync } from './profile-functions'
-import { default as profileContext, defaultProfileContextData } from './profile.context'
 import { UserProfile } from './user-profile.model'
+import profileContext, { defaultProfileContextData } from './profile.context'
 
 export const ProfileProvider: FC<{ children: ReactNode }> = ({ children }: { children: ReactNode }) => {
 
diff --git a/src-ts/lib/react-select/ReactSelect.tsx b/src-ts/lib/react-select/ReactSelect.tsx
index 919aca5b9..1aad24498 100644
--- a/src-ts/lib/react-select/ReactSelect.tsx
+++ b/src-ts/lib/react-select/ReactSelect.tsx
@@ -19,6 +19,7 @@ interface ReactSelectProps {
 }
 
 const ReactSelect: React.FC<ReactSelectProps> = props => {
+
     // TODO: Refactor this closer to the other css setup on other input fields
     const customStyles: any = {
         control: (provided: any, state: any) => ({
diff --git a/src-ts/tools/gamification-admin/pages/badge-detail/BadgeDetailPage.tsx b/src-ts/tools/gamification-admin/pages/badge-detail/BadgeDetailPage.tsx
index 0cef271f7..4230dbf7b 100644
--- a/src-ts/tools/gamification-admin/pages/badge-detail/BadgeDetailPage.tsx
+++ b/src-ts/tools/gamification-admin/pages/badge-detail/BadgeDetailPage.tsx
@@ -1,3 +1,4 @@
+/* eslint-disable import/no-unresolved */
 import { noop, trim } from 'lodash'
 import { ChangeEvent, createRef, Dispatch, FC, KeyboardEvent, RefObject, SetStateAction, useEffect, useState } from 'react'
 import { Params, useLocation, useParams } from 'react-router-dom'
diff --git a/src-ts/tools/learn/learn-config/learn.brooke.config.ts b/src-ts/tools/learn/learn-config/learn.brooke.config.ts
index 816979ac8..df76fa5f5 100644
--- a/src-ts/tools/learn/learn-config/learn.brooke.config.ts
+++ b/src-ts/tools/learn/learn-config/learn.brooke.config.ts
@@ -1,4 +1,5 @@
 import { LearnConfigModel } from './learn-config.model'
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 import { LearnConfigDefault } from './learn.default.config'
 import { LearnConfigDev } from './learn.dev.config'
 
diff --git a/src-ts/tools/work/work-lib/work-provider/work-functions/work-factory/work.factory.ts b/src-ts/tools/work/work-lib/work-provider/work-functions/work-factory/work.factory.ts
index 83c41215a..b6087a6ed 100644
--- a/src-ts/tools/work/work-lib/work-provider/work-functions/work-factory/work.factory.ts
+++ b/src-ts/tools/work/work-lib/work-provider/work-functions/work-factory/work.factory.ts
@@ -502,7 +502,7 @@ function getCost(challenge: Challenge, priceConfig: WorkPrice, type: WorkType):
 
     switch (type) {
 
-        case WorkType.designLegacy:
+        case WorkType.designLegacy: {
 
             // get the device and page count from the intake form from the metadata
             const intakeForm: ChallengeMetadata | undefined = findMetadata(challenge, ChallengeMetadataName.intakeForm)
@@ -510,12 +510,14 @@ function getCost(challenge: Challenge, priceConfig: WorkPrice, type: WorkType):
             const legacyPageCount: number | undefined = form?.pageDetails?.pages?.length || 1
             const legacyDeviceCount: number | undefined = form?.basicInfo?.selectedDevice?.option?.length
             return priceConfig.getPrice(priceConfig, legacyPageCount, legacyDeviceCount)
+        }
 
-        case WorkType.bugHunt:
+        case WorkType.bugHunt: {
             // get the selected package from the intake form
             const intakeFormBH: ChallengeMetadata | undefined = findMetadata(challenge, ChallengeMetadataName.intakeForm)
             const formBH: IntakeForm = !!intakeFormBH?.value ? JSON.parse(intakeFormBH.value)?.form : undefined
             return priceConfig.getPrice(priceConfig, formBH?.basicInfo?.packageType)
+        }
 
         default:
             return priceConfig.getPrice(priceConfig)
diff --git a/yarn.lock b/yarn.lock
index 082018cdb..9ebde0202 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1383,6 +1383,11 @@
   resolved "https://registry.yarnpkg.com/@emotion/weak-memoize/-/weak-memoize-0.3.0.tgz#ea89004119dc42db2e1dba0f97d553f7372f6fcb"
   integrity sha512-AHPmaAx+RYfZz0eYu6Gviiagpmiyw98ySSlQvCUhVGDRtDFe4DBS0x1bSjdF3gqUDYOczB+yYvBTtEylYSdRhg==
 
+"@esbuild/linux-loong64@0.14.54":
+  version "0.14.54"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.14.54.tgz#de2a4be678bd4d0d1ffbb86e6de779cde5999028"
+  integrity sha512-bZBrLAIX1kpWelV0XemxBZllyRmM6vgFQQG2GdNb+r3Fkp0FOh1NJSvekXDs7jq70k4euu1cryLMfU+mTXlEpw==
+
 "@eslint/eslintrc@^1.3.3":
   version "1.3.3"
   resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-1.3.3.tgz#2b044ab39fdfa75b4688184f9e573ce3c5b0ff95"
@@ -4330,6 +4335,13 @@ builtin-status-codes@^3.0.0:
   resolved "https://registry.yarnpkg.com/builtin-status-codes/-/builtin-status-codes-3.0.0.tgz#85982878e21b98e1c66425e03d0174788f569ee8"
   integrity sha512-HpGFw18DgFWlncDfjTa2rcQ4W88O1mC8e8yZ2AvQY5KDaktSTwo+KRf6nHK6FRI5FyRyb/5T6+TSxfP7QyGsmQ==
 
+bundle-require@^3.0.4:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/bundle-require/-/bundle-require-3.1.2.tgz#1374a7bdcb8b330a7ccc862ccbf7c137cc43ad27"
+  integrity sha512-Of6l6JBAxiyQ5axFxUM6dYeP/W7X2Sozeo/4EYB9sJhL+dqL7TKjg+shwxp6jlu/6ZSERfsYtIpSJ1/x3XkAEA==
+  dependencies:
+    load-tsconfig "^0.2.0"
+
 bytes@3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.0.0.tgz#d32815404d689699f85a4ea4fa8755dd13a96048"
@@ -4470,6 +4482,15 @@ caniuse-lite@^1.0.0, caniuse-lite@^1.0.30001400, caniuse-lite@^1.0.30001407:
   resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001418.tgz#5f459215192a024c99e3e3a53aac310fc7cf24e6"
   integrity sha512-oIs7+JL3K9JRQ3jPZjlH6qyYDp+nBTCais7hjh0s+fuBwufc7uZ7hPYMXrDOJhV360KGMTcczMRObk0/iMqZRg==
 
+capital-case@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/capital-case/-/capital-case-1.0.4.tgz#9d130292353c9249f6b00fa5852bee38a717e669"
+  integrity sha512-ds37W8CytHgwnhGGTi88pcPyR15qoNkOpYwmMMfnWqqWgESapLqvDx6huFjQ5vqWSn2Z06173XNA7LtMOeUh1A==
+  dependencies:
+    no-case "^3.0.4"
+    tslib "^2.0.3"
+    upper-case-first "^2.0.2"
+
 case-sensitive-paths-webpack-plugin@^2.4.0:
   version "2.4.0"
   resolved "https://registry.yarnpkg.com/case-sensitive-paths-webpack-plugin/-/case-sensitive-paths-webpack-plugin-2.4.0.tgz#db64066c6422eed2e08cc14b986ca43796dbc6d4"
@@ -4528,6 +4549,24 @@ chalk@^3.0.0:
     ansi-styles "^4.1.0"
     supports-color "^7.1.0"
 
+change-case@^4.1.2:
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/change-case/-/change-case-4.1.2.tgz#fedfc5f136045e2398c0410ee441f95704641e12"
+  integrity sha512-bSxY2ws9OtviILG1EiY5K7NNxkqg/JnRnFxLtKQ96JaviiIxi7djMrSd0ECT9AC+lttClmYwKw53BWpOMblo7A==
+  dependencies:
+    camel-case "^4.1.2"
+    capital-case "^1.0.4"
+    constant-case "^3.0.4"
+    dot-case "^3.0.4"
+    header-case "^2.0.4"
+    no-case "^3.0.4"
+    param-case "^3.0.4"
+    pascal-case "^3.1.2"
+    path-case "^3.0.4"
+    sentence-case "^3.0.4"
+    snake-case "^3.0.4"
+    tslib "^2.0.3"
+
 char-regex@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/char-regex/-/char-regex-1.0.2.tgz#d744358226217f981ed58f479b1d6bcc29545dcf"
@@ -4924,6 +4963,15 @@ console-browserify@^1.1.0:
   resolved "https://registry.yarnpkg.com/console-browserify/-/console-browserify-1.2.0.tgz#67063cef57ceb6cf4993a2ab3a55840ae8c49336"
   integrity sha512-ZMkYO/LkF17QvCPqM0gxw8yUzigAOZOSWSHg91FH6orS7vcEj5dVZTidN2fQ14yBSdg97RqhSNwLUXInd52OTA==
 
+constant-case@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/constant-case/-/constant-case-3.0.4.tgz#3b84a9aeaf4cf31ec45e6bf5de91bdfb0589faf1"
+  integrity sha512-I2hSBi7Vvs7BEuJDr5dDHfzb/Ruj3FyvFyh7KLilAjNQw3Be+xgqUBA2W6scVEcL0hL1dwPRtIqEPVUCKkSsyQ==
+  dependencies:
+    no-case "^3.0.4"
+    tslib "^2.0.3"
+    upper-case "^2.0.2"
+
 constants-browserify@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/constants-browserify/-/constants-browserify-1.0.0.tgz#c20b96d8c617748aaf1c16021760cd27fcb8cb75"
@@ -6062,6 +6110,133 @@ es6-error@^4.0.1:
   resolved "https://registry.yarnpkg.com/es6-error/-/es6-error-4.1.1.tgz#9e3af407459deed47e9a91f9b885a84eb05c561d"
   integrity sha512-Um/+FxMr9CISWh0bi5Zv0iOD+4cFh5qLeks1qhAopKVAJw3drgKbKySikp7wGhDL0HPeaja0P5ULZrxLkniUVg==
 
+esbuild-android-64@0.14.54:
+  version "0.14.54"
+  resolved "https://registry.yarnpkg.com/esbuild-android-64/-/esbuild-android-64-0.14.54.tgz#505f41832884313bbaffb27704b8bcaa2d8616be"
+  integrity sha512-Tz2++Aqqz0rJ7kYBfz+iqyE3QMycD4vk7LBRyWaAVFgFtQ/O8EJOnVmTOiDWYZ/uYzB4kvP+bqejYdVKzE5lAQ==
+
+esbuild-android-arm64@0.14.54:
+  version "0.14.54"
+  resolved "https://registry.yarnpkg.com/esbuild-android-arm64/-/esbuild-android-arm64-0.14.54.tgz#8ce69d7caba49646e009968fe5754a21a9871771"
+  integrity sha512-F9E+/QDi9sSkLaClO8SOV6etqPd+5DgJje1F9lOWoNncDdOBL2YF59IhsWATSt0TLZbYCf3pNlTHvVV5VfHdvg==
+
+esbuild-darwin-64@0.14.54:
+  version "0.14.54"
+  resolved "https://registry.yarnpkg.com/esbuild-darwin-64/-/esbuild-darwin-64-0.14.54.tgz#24ba67b9a8cb890a3c08d9018f887cc221cdda25"
+  integrity sha512-jtdKWV3nBviOd5v4hOpkVmpxsBy90CGzebpbO9beiqUYVMBtSc0AL9zGftFuBon7PNDcdvNCEuQqw2x0wP9yug==
+
+esbuild-darwin-arm64@0.14.54:
+  version "0.14.54"
+  resolved "https://registry.yarnpkg.com/esbuild-darwin-arm64/-/esbuild-darwin-arm64-0.14.54.tgz#3f7cdb78888ee05e488d250a2bdaab1fa671bf73"
+  integrity sha512-OPafJHD2oUPyvJMrsCvDGkRrVCar5aVyHfWGQzY1dWnzErjrDuSETxwA2HSsyg2jORLY8yBfzc1MIpUkXlctmw==
+
+esbuild-freebsd-64@0.14.54:
+  version "0.14.54"
+  resolved "https://registry.yarnpkg.com/esbuild-freebsd-64/-/esbuild-freebsd-64-0.14.54.tgz#09250f997a56ed4650f3e1979c905ffc40bbe94d"
+  integrity sha512-OKwd4gmwHqOTp4mOGZKe/XUlbDJ4Q9TjX0hMPIDBUWWu/kwhBAudJdBoxnjNf9ocIB6GN6CPowYpR/hRCbSYAg==
+
+esbuild-freebsd-arm64@0.14.54:
+  version "0.14.54"
+  resolved "https://registry.yarnpkg.com/esbuild-freebsd-arm64/-/esbuild-freebsd-arm64-0.14.54.tgz#bafb46ed04fc5f97cbdb016d86947a79579f8e48"
+  integrity sha512-sFwueGr7OvIFiQT6WeG0jRLjkjdqWWSrfbVwZp8iMP+8UHEHRBvlaxL6IuKNDwAozNUmbb8nIMXa7oAOARGs1Q==
+
+esbuild-linux-32@0.14.54:
+  version "0.14.54"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-32/-/esbuild-linux-32-0.14.54.tgz#e2a8c4a8efdc355405325033fcebeb941f781fe5"
+  integrity sha512-1ZuY+JDI//WmklKlBgJnglpUL1owm2OX+8E1syCD6UAxcMM/XoWd76OHSjl/0MR0LisSAXDqgjT3uJqT67O3qw==
+
+esbuild-linux-64@0.14.54:
+  version "0.14.54"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-64/-/esbuild-linux-64-0.14.54.tgz#de5fdba1c95666cf72369f52b40b03be71226652"
+  integrity sha512-EgjAgH5HwTbtNsTqQOXWApBaPVdDn7XcK+/PtJwZLT1UmpLoznPd8c5CxqsH2dQK3j05YsB3L17T8vE7cp4cCg==
+
+esbuild-linux-arm64@0.14.54:
+  version "0.14.54"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-arm64/-/esbuild-linux-arm64-0.14.54.tgz#dae4cd42ae9787468b6a5c158da4c84e83b0ce8b"
+  integrity sha512-WL71L+0Rwv+Gv/HTmxTEmpv0UgmxYa5ftZILVi2QmZBgX3q7+tDeOQNqGtdXSdsL8TQi1vIaVFHUPDe0O0kdig==
+
+esbuild-linux-arm@0.14.54:
+  version "0.14.54"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-arm/-/esbuild-linux-arm-0.14.54.tgz#a2c1dff6d0f21dbe8fc6998a122675533ddfcd59"
+  integrity sha512-qqz/SjemQhVMTnvcLGoLOdFpCYbz4v4fUo+TfsWG+1aOu70/80RV6bgNpR2JCrppV2moUQkww+6bWxXRL9YMGw==
+
+esbuild-linux-mips64le@0.14.54:
+  version "0.14.54"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-mips64le/-/esbuild-linux-mips64le-0.14.54.tgz#d9918e9e4cb972f8d6dae8e8655bf9ee131eda34"
+  integrity sha512-qTHGQB8D1etd0u1+sB6p0ikLKRVuCWhYQhAHRPkO+OF3I/iSlTKNNS0Lh2Oc0g0UFGguaFZZiPJdJey3AGpAlw==
+
+esbuild-linux-ppc64le@0.14.54:
+  version "0.14.54"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-ppc64le/-/esbuild-linux-ppc64le-0.14.54.tgz#3f9a0f6d41073fb1a640680845c7de52995f137e"
+  integrity sha512-j3OMlzHiqwZBDPRCDFKcx595XVfOfOnv68Ax3U4UKZ3MTYQB5Yz3X1mn5GnodEVYzhtZgxEBidLWeIs8FDSfrQ==
+
+esbuild-linux-riscv64@0.14.54:
+  version "0.14.54"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-riscv64/-/esbuild-linux-riscv64-0.14.54.tgz#618853c028178a61837bc799d2013d4695e451c8"
+  integrity sha512-y7Vt7Wl9dkOGZjxQZnDAqqn+XOqFD7IMWiewY5SPlNlzMX39ocPQlOaoxvT4FllA5viyV26/QzHtvTjVNOxHZg==
+
+esbuild-linux-s390x@0.14.54:
+  version "0.14.54"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-s390x/-/esbuild-linux-s390x-0.14.54.tgz#d1885c4c5a76bbb5a0fe182e2c8c60eb9e29f2a6"
+  integrity sha512-zaHpW9dziAsi7lRcyV4r8dhfG1qBidQWUXweUjnw+lliChJqQr+6XD71K41oEIC3Mx1KStovEmlzm+MkGZHnHA==
+
+esbuild-netbsd-64@0.14.54:
+  version "0.14.54"
+  resolved "https://registry.yarnpkg.com/esbuild-netbsd-64/-/esbuild-netbsd-64-0.14.54.tgz#69ae917a2ff241b7df1dbf22baf04bd330349e81"
+  integrity sha512-PR01lmIMnfJTgeU9VJTDY9ZerDWVFIUzAtJuDHwwceppW7cQWjBBqP48NdeRtoP04/AtO9a7w3viI+PIDr6d+w==
+
+esbuild-openbsd-64@0.14.54:
+  version "0.14.54"
+  resolved "https://registry.yarnpkg.com/esbuild-openbsd-64/-/esbuild-openbsd-64-0.14.54.tgz#db4c8495287a350a6790de22edea247a57c5d47b"
+  integrity sha512-Qyk7ikT2o7Wu76UsvvDS5q0amJvmRzDyVlL0qf5VLsLchjCa1+IAvd8kTBgUxD7VBUUVgItLkk609ZHUc1oCaw==
+
+esbuild-sunos-64@0.14.54:
+  version "0.14.54"
+  resolved "https://registry.yarnpkg.com/esbuild-sunos-64/-/esbuild-sunos-64-0.14.54.tgz#54287ee3da73d3844b721c21bc80c1dc7e1bf7da"
+  integrity sha512-28GZ24KmMSeKi5ueWzMcco6EBHStL3B6ubM7M51RmPwXQGLe0teBGJocmWhgwccA1GeFXqxzILIxXpHbl9Q/Kw==
+
+esbuild-windows-32@0.14.54:
+  version "0.14.54"
+  resolved "https://registry.yarnpkg.com/esbuild-windows-32/-/esbuild-windows-32-0.14.54.tgz#f8aaf9a5667630b40f0fb3aa37bf01bbd340ce31"
+  integrity sha512-T+rdZW19ql9MjS7pixmZYVObd9G7kcaZo+sETqNH4RCkuuYSuv9AGHUVnPoP9hhuE1WM1ZimHz1CIBHBboLU7w==
+
+esbuild-windows-64@0.14.54:
+  version "0.14.54"
+  resolved "https://registry.yarnpkg.com/esbuild-windows-64/-/esbuild-windows-64-0.14.54.tgz#bf54b51bd3e9b0f1886ffdb224a4176031ea0af4"
+  integrity sha512-AoHTRBUuYwXtZhjXZbA1pGfTo8cJo3vZIcWGLiUcTNgHpJJMC1rVA44ZereBHMJtotyN71S8Qw0npiCIkW96cQ==
+
+esbuild-windows-arm64@0.14.54:
+  version "0.14.54"
+  resolved "https://registry.yarnpkg.com/esbuild-windows-arm64/-/esbuild-windows-arm64-0.14.54.tgz#937d15675a15e4b0e4fafdbaa3a01a776a2be982"
+  integrity sha512-M0kuUvXhot1zOISQGXwWn6YtS+Y/1RT9WrVIOywZnJHo3jCDyewAc79aKNQWFCQm+xNHVTq9h8dZKvygoXQQRg==
+
+esbuild@^0.14.21:
+  version "0.14.54"
+  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.14.54.tgz#8b44dcf2b0f1a66fc22459943dccf477535e9aa2"
+  integrity sha512-Cy9llcy8DvET5uznocPyqL3BFRrFXSVqbgpMJ9Wz8oVjZlh/zUSNbPRbov0VX7VxN2JH1Oa0uNxZ7eLRb62pJA==
+  optionalDependencies:
+    "@esbuild/linux-loong64" "0.14.54"
+    esbuild-android-64 "0.14.54"
+    esbuild-android-arm64 "0.14.54"
+    esbuild-darwin-64 "0.14.54"
+    esbuild-darwin-arm64 "0.14.54"
+    esbuild-freebsd-64 "0.14.54"
+    esbuild-freebsd-arm64 "0.14.54"
+    esbuild-linux-32 "0.14.54"
+    esbuild-linux-64 "0.14.54"
+    esbuild-linux-arm "0.14.54"
+    esbuild-linux-arm64 "0.14.54"
+    esbuild-linux-mips64le "0.14.54"
+    esbuild-linux-ppc64le "0.14.54"
+    esbuild-linux-riscv64 "0.14.54"
+    esbuild-linux-s390x "0.14.54"
+    esbuild-netbsd-64 "0.14.54"
+    esbuild-openbsd-64 "0.14.54"
+    esbuild-sunos-64 "0.14.54"
+    esbuild-windows-32 "0.14.54"
+    esbuild-windows-64 "0.14.54"
+    esbuild-windows-arm64 "0.14.54"
+
 escalade@^3.1.1:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.1.1.tgz#d8cfdc7000965c5a0174b4a82eaa5c0552742e40"
@@ -7181,7 +7356,7 @@ glob-to-regexp@^0.4.1:
   resolved "https://registry.yarnpkg.com/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz#c75297087c851b9a578bd217dd59a92f59fe546e"
   integrity sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==
 
-glob@^7.1.1, glob@^7.1.2, glob@^7.1.3, glob@^7.1.4, glob@^7.1.6:
+glob@^7.1.1, glob@^7.1.2, glob@^7.1.3, glob@^7.1.4, glob@^7.1.6, glob@^7.2.0:
   version "7.2.3"
   resolved "https://registry.yarnpkg.com/glob/-/glob-7.2.3.tgz#b8df0fb802bbfa8e89bd1d938b4e16578ed44f2b"
   integrity sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==
@@ -7431,6 +7606,14 @@ he@^1.2.0:
   resolved "https://registry.yarnpkg.com/he/-/he-1.2.0.tgz#84ae65fa7eafb165fddb61566ae14baf05664f0f"
   integrity sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==
 
+header-case@^2.0.4:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/header-case/-/header-case-2.0.4.tgz#5a42e63b55177349cf405beb8d775acabb92c063"
+  integrity sha512-H/vuk5TEEVZwrR0lp2zed9OCo1uAILMlx0JEMgC26rzyJJ3N1v6XkwHHXJQdR2doSjcGPM6OKPYoJgf0plJ11Q==
+  dependencies:
+    capital-case "^1.0.4"
+    tslib "^2.0.3"
+
 highlight.js@^11.6.0:
   version "11.6.0"
   resolved "https://registry.yarnpkg.com/highlight.js/-/highlight.js-11.6.0.tgz#a50e9da05763f1bb0c1322c8f4f755242cff3f5a"
@@ -9071,6 +9254,11 @@ joi@^17.4.0:
     "@sideway/formula" "^3.0.0"
     "@sideway/pinpoint" "^2.0.0"
 
+joycon@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/joycon/-/joycon-3.1.1.tgz#bce8596d6ae808f8b68168f5fc69280996894f03"
+  integrity sha512-34wB/Y7MW7bzjKRjUKTa46I2Z7eV62Rkhva+KkopW7Qvv/OSWBqvkSY7vusOPrNuZcUG3tApvdVgNB8POj3SPw==
+
 js-base64@^2.1.9:
   version "2.6.4"
   resolved "https://registry.yarnpkg.com/js-base64/-/js-base64-2.6.4.tgz#f4e686c5de1ea1f867dbcad3d46d969428df98c4"
@@ -9397,6 +9585,11 @@ listr2@^4.0.5:
     through "^2.3.8"
     wrap-ansi "^7.0.0"
 
+load-tsconfig@^0.2.0:
+  version "0.2.3"
+  resolved "https://registry.yarnpkg.com/load-tsconfig/-/load-tsconfig-0.2.3.tgz#08af3e7744943caab0c75f8af7f1703639c3ef1f"
+  integrity sha512-iyT2MXws+dc2Wi6o3grCFtGXpeMvHmJqS27sMPGtV2eUu4PeFnG+33I8BlFK1t1NWMjOpcx9bridn5yxLDX2gQ==
+
 loader-runner@^2.4.0:
   version "2.4.0"
   resolved "https://registry.yarnpkg.com/loader-runner/-/loader-runner-2.4.0.tgz#ed47066bfe534d7e84c4c7b9998c2a75607d9357"
@@ -10527,6 +10720,14 @@ path-browserify@0.0.1:
   resolved "https://registry.yarnpkg.com/path-browserify/-/path-browserify-0.0.1.tgz#e6c4ddd7ed3aa27c68a20cc4e50e1a4ee83bbc4a"
   integrity sha512-BapA40NHICOS+USX9SN4tyhq+A2RrN/Ws5F0Z5aMHDp98Fl86lX8Oti8B7uN93L4Ifv4fHOEA+pQw87gmMO/lQ==
 
+path-case@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/path-case/-/path-case-3.0.4.tgz#9168645334eb942658375c56f80b4c0cb5f82c6f"
+  integrity sha512-qO4qCFjXqVTrcbPt/hQfhTQ+VhFsqNKOPtytgNKkKxSoEp3XPUQ8ObFuePylOIok5gjn69ry8XiULxCwot3Wfg==
+  dependencies:
+    dot-case "^3.0.4"
+    tslib "^2.0.3"
+
 path-dirname@^1.0.0:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/path-dirname/-/path-dirname-1.0.2.tgz#cc33d24d525e099a5388c0336c6e32b9160609e0"
@@ -12158,6 +12359,11 @@ reselect@^4.0.0:
   resolved "https://registry.yarnpkg.com/reselect/-/reselect-4.1.6.tgz#19ca2d3d0b35373a74dc1c98692cdaffb6602656"
   integrity sha512-ZovIuXqto7elwnxyXbBtCPo9YFEr3uJqj2rRbcOOog1bmu2Ag85M4hixSwFWyaBMKXNgvPaJ9OSu9SkBPIeJHQ==
 
+reserved-words@^0.1.2:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/reserved-words/-/reserved-words-0.1.2.tgz#00a0940f98cd501aeaaac316411d9adc52b31ab1"
+  integrity sha512-0S5SrIUJ9LfpbVl4Yzij6VipUdafHrOTzvmfazSw/jeZrZtQK303OPZW+obtkaw7jQlTQppy0UvZWm9872PbRw==
+
 resize-observer-polyfill@1.5.0:
   version "1.5.0"
   resolved "https://registry.yarnpkg.com/resize-observer-polyfill/-/resize-observer-polyfill-1.5.0.tgz#660ff1d9712a2382baa2cad450a4716209f9ca69"
@@ -12507,6 +12713,15 @@ send@0.18.0:
     range-parser "~1.2.1"
     statuses "2.0.1"
 
+sentence-case@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/sentence-case/-/sentence-case-3.0.4.tgz#3645a7b8c117c787fde8702056225bb62a45131f"
+  integrity sha512-8LS0JInaQMCRoQ7YUytAo/xUu5W2XnQxV2HI/6uM6U7CITS1RqPElr30V6uIqyMKM9lJGRVFy5/4CuzcixNYSg==
+  dependencies:
+    no-case "^3.0.4"
+    tslib "^2.0.3"
+    upper-case-first "^2.0.2"
+
 serialize-javascript@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-4.0.0.tgz#b525e1238489a5ecfc42afacc3fe99e666f4b1aa"
@@ -12706,6 +12921,14 @@ slice-ansi@^5.0.0:
     ansi-styles "^6.0.0"
     is-fullwidth-code-point "^4.0.0"
 
+snake-case@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/snake-case/-/snake-case-3.0.4.tgz#4f2bbd568e9935abdfd593f34c691dadb49c452c"
+  integrity sha512-LAOh4z89bGQvl9pFfNF8V146i7o7/CqFPbqzYgP+yYzDIDeS9HaNFtXABamRW+AQzEVODcvE79ljJ+8a9YSdMg==
+  dependencies:
+    dot-case "^3.0.4"
+    tslib "^2.0.3"
+
 snapdragon-node@^2.0.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/snapdragon-node/-/snapdragon-node-2.1.1.tgz#6c175f86ff14bdb0724563e8f3c1b021a286853b"
@@ -13736,6 +13959,23 @@ type-is@~1.6.18:
     media-typer "0.3.0"
     mime-types "~2.1.24"
 
+typed-scss-modules@^7.0.1:
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/typed-scss-modules/-/typed-scss-modules-7.0.1.tgz#f6688bba29e6ebf5a6d0a5064bfd85863c334263"
+  integrity sha512-x4qfDUT3WFvHH3NV+aadwEmRDs48JSeFNQsKQNKAzHL2wheZgiSasgkxbUQwzfA/gjwFb8L6+qxyJ3uCV0dJ+w==
+  dependencies:
+    bundle-require "^3.0.4"
+    chalk "4.1.2"
+    change-case "^4.1.2"
+    chokidar "^3.5.3"
+    css-modules-loader-core "^1.1.0"
+    esbuild "^0.14.21"
+    glob "^7.2.0"
+    joycon "^3.1.1"
+    reserved-words "^0.1.2"
+    slash "^3.0.0"
+    yargs "^17.3.1"
+
 typedarray-to-buffer@^3.1.5:
   version "3.1.5"
   resolved "https://registry.yarnpkg.com/typedarray-to-buffer/-/typedarray-to-buffer-3.1.5.tgz#a97ee7a9ff42691b9f783ff1bc5112fe3fca9080"
@@ -13876,6 +14116,20 @@ update-check@1.5.4:
     registry-auth-token "3.3.2"
     registry-url "3.1.0"
 
+upper-case-first@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/upper-case-first/-/upper-case-first-2.0.2.tgz#992c3273f882abd19d1e02894cc147117f844324"
+  integrity sha512-514ppYHBaKwfJRK/pNC6c/OxfGa0obSnAl106u97Ed0I625Nin96KAjttZF6ZL3e1XLtphxnqrOi9iWgm+u+bg==
+  dependencies:
+    tslib "^2.0.3"
+
+upper-case@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/upper-case/-/upper-case-2.0.2.tgz#d89810823faab1df1549b7d97a76f8662bae6f7a"
+  integrity sha512-KgdgDGJt2TpuwBUIjgG6lzw2GWFRCW9Qkfkiv0DxqHHLYJHmtmdUIKcZd8rHgFSjopVTlw6ggzCm1b8MFQwikg==
+  dependencies:
+    tslib "^2.0.3"
+
 uri-js@^4.2.2:
   version "4.4.1"
   resolved "https://registry.yarnpkg.com/uri-js/-/uri-js-4.4.1.tgz#9b1a52595225859e55f669d928f88c6c57f2a77e"