tailwind cssの"@tailwind"ディレクティブについて

Question

前提

tailwind css を使用していますが、深く考えずに設定ファイルに記載している、

@tailwind base;

の部分の動きについて知りたいです。

知りたいこと

1. @~~~ は@ルールという形でCSSに定義されているようですが、オリジナルのルールを定義できるということでしょうか？（今回の@tailwindのように）
2. その場合、ルールが記載された場合の動作はどのように定義するのでしょうか？

試したこと

公式のドキュメントやWebで検索しましたが、腑に落ちる答えが見つかりませんでした。
MDNには先述の＠ルールの記載がありましたが、当然ながら@tailwindについての説明はありませんでした。

---

以上、よろしくお願いいたします。

Answer 1

tailwindの独自機能なのでcssは何も関係ない。
元のcssファイルを読み込んで何か変換してcssを出力。
この変換部分で「@tailwindがあればcssに置き換える」という処理を挟めば別になんでもできる。
詳しく追う気はないけどここに// Replace any Tailwind directives with generated CSSと書いてあるので最終的にはこの辺で処理している。
https://github.com/tailwindlabs/tailwindcss/blob/master/src/lib/expandTailwindAtRules.js