🚮 Get rid of CSS in JS

[bradystroud]

This stuff is hard to maintain and is inconsistent with our current approach to styling (TailwindCSS 👑)

IMO its also hard to maintain. There are some packages required to make it work that could be removed as well (I tried to get rid of them here #2513

• Remove all of these
• Replace with Tailwind

tina.io/components/blocks/ActionButton/ActionsButton.tsx

Lines 49 to 70 in 21c4697

	<style jsx>{`
	.or-text {
	margin: 0.5rem 1.5rem 0.5rem 0.75rem;
	font-size: 1.125rem;
	color: var(--color-secondary);
	font-weight: bold;
	}
	.actionGroupCenter {
	justify-content: center;
	}
	.icon-class {
	display: inline-block;
	fill: currentColor;
	margin-left: 0.375em;
	height: 1em;
	width: auto;
	transition: opacity ease-out 150ms;
	}
	`}</style>
	</>

[joshbermanssw]

Currently there are 105 total instances of <style jsx>

Want to see the progress yourself? Place the following script into a file in your root directory, run it, and enter '.'

import os

def count_style_jsx_instances(directory):
    """
    Recursively counts instances of `<style jsx>` in all files within the given directory.

    Args:
        directory (str): The root directory to start the search.

    Returns:
        int: The total count of `<style jsx>` instances.
    """
    style_jsx_count = 0

    for root, _, files in os.walk(directory):
        for file in files:
            file_path = os.path.join(root, file)
            try:
                with open(file_path, 'r', encoding='utf-8') as f:
                    content = f.read()
                    style_jsx_count += content.count('<style jsx>')
            except (UnicodeDecodeError, FileNotFoundError):
                # Skip files that can't be read
                print(f"Skipped unreadable file: {file_path}")

    return style_jsx_count

if __name__ == "__main__":
    project_directory = input("Enter the path to the project directory: ").strip()

    if not os.path.isdir(project_directory):
        print("Invalid directory. Please provide a valid path.")
    else:
        total_instances = count_style_jsx_instances(project_directory)
        print(f"Total instances of '<style jsx>' found: {total_instances}")