how to do advanced-theming/dark mode

[Bimbimz]

hello how to do advanced-theming/dark mode
on react + styled-components

documentation is no longer available:
https://github.com/ben-rogerson/twin.macro/blob/master/docs/advanced-theming.md

I want to do it like this:

import tw, { css } from "twin.macro"

const stylesBase = css`
  .light {
    --bg-primary: #ffffff;
    --bg-secondary: #f1f5f9;
    --text-primary: #475569;
    --text-secondary: #1e293b;
    --color-primary: #e11d48;
  }
  .dark {
    --bg-primary: #0f172a;
    --bg-secondary: #1e293b;
    --text-primary: #cbd5e1;
    --text-secondary: #ffffff;

    --color-primary: #2563eb;
  }
  body {
    ${tw`bg-primary text-primary`}
  }

Thanks